body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* spartan-300 - latin */
@font-face {
  font-family: 'Spartan';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/Landingpage/fonts/spartan-v3-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/Landingpage/fonts/spartan-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/Landingpage/fonts/spartan-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/Landingpage/fonts/spartan-v3-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/Landingpage/fonts/spartan-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/Landingpage/fonts/spartan-v3-latin-300.svg#Spartan') format('svg'); /* Legacy iOS */
}
/* spartan-regular - latin */
@font-face {
  font-family: 'Spartan';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/Landingpage/fonts/spartan-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/Landingpage/fonts/spartan-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/Landingpage/fonts/spartan-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/Landingpage/fonts/spartan-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/Landingpage/fonts/spartan-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/Landingpage/fonts/spartan-v3-latin-regular.svg#Spartan') format('svg'); /* Legacy iOS */
}
/* spartan-600 - latin */
@font-face {
  font-family: 'Spartan';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/Landingpage/fonts/spartan-v3-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/Landingpage/fonts/spartan-v3-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/Landingpage/fonts/spartan-v3-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/Landingpage/fonts/spartan-v3-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/Landingpage/fonts/spartan-v3-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/Landingpage/fonts/spartan-v3-latin-600.svg#Spartan') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('../../files/Landingpage/fonts/MaterialIcons-Regular.woff2') format('woff2'),
    url('../../files/Landingpage/fonts/MaterialIcons-Regular.woff') format('woff'),
    url('../../files/Landingpage/fonts/MaterialIcons-Regular.ttf') format('truetype');
}

body{
	font-family: 'Spartan', sans-serif;
	font-weight: 300;
	text-align: center;
}
h1{
	font-weight:600;
	font-size: 40px;
	line-height: 64px;
	color:#fff;
}
h2{
	font-weight:600;
	font-size: 35px;
	color:#fff;
}
h3{
	font-size: 22px;
    line-height: 26px;
}
p{
	font-size: 22px;
	line-height: 36px;
	letter-spacing: 1.2px;
	margin-bottom: 40px;
	}
.white{
	color:#fff;
}
.dark{
	color:#484847;
}
/*##################
## Material Icons ##
##################*/

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
p .material-icons{
	border: solid 2px #50dabc;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 5px;
    color: #50dabc;
    font-size:110%;
    position: relative;
    top:3px;
}
a.link-icon{
	
}
a.link-icon .material-icons {
    position: absolute;
    top: inherit;
    left: 10px;
    margin-top: -3px;
}

h2 .material-icons {
    border: 3px solid #fff;
    width: 44px;
    height: 44px;
    border-radius: 100px;
    text-align: center;
    display: grid;
    align-items: center;
    font-size: 100%;
    margin-bottom: 22px;
}

#main p:last-child{
	margin-bottom:0;
}
#main p a, .widget-checkbox a, li a{
	color:#50dabc;
	background: linear-gradient(#F2E675,#F2E675);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 0px 0px;
	transition: all ease 0.5s
}
#main p a:hover, .widget-checkbox a:hover, li a:hover{
	color: #000;
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 30px;
	text-decoration: none;
	transition: all ease 0.1s;
}
#wrapper{
	background: rgb(20,18,11);
	background: -moz-linear-gradient(145deg, rgba(20,18,11,1) 40%, rgba(35,78,65,1) 98%);
	background: -webkit-linear-gradient(145deg, rgba(20,18,11,1) 40%, rgba(35,78,65,1) 98%);
	background: linear-gradient(145deg, rgba(20,18,11,1) 40%, rgba(35,78,65,1) 98%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#14120b",endColorstr="#28453c",GradientType=1);
}
#header {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 50px;
}
#footer{
	background: #fff;
	padding: 25px 50px 15px;
}
#bottom{
	background: #F5F5F5;
	padding: 10px 30px;
}
.abstand-unten-40{
	margin-bottom: 40px;
}
.abstand-unten-80{
	margin-bottom: 80px;
}
.abstand-unten-160{
	margin-bottom: 160px;
}
#top-logo{
	max-width:300px;
	padding-bottom:50px;
}
#startgrafik {
	max-width: 80vw;
	padding-top:50px;
	margin-bottom:100px;
}
.textbox{
	color: #fff;
	max-width: 930px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
.bildbox {
	display: inline-flex;
}
.bildbox .ce_image{
    border: solid 5px #50dabc;
    border-radius: 20px;
    padding: 20px;
    margin: 10px;
}
.bildbox .image_container img{
	transition: ease all 0.5s;
	border-radius: 10px;
}
.bildbox .image_container img:hover{
	transition: ease all 0.5s;
	transform: scale(1.05);
}
.bildbox figcaption.caption {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 600;
}
#newsletter-startseite{
	color: #fff;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#newsletter-startseite input{
	width: 440px;
	height: 55px;
	line-height: 55px;
	border-radius: 100px;
	background: #fff;
	border: none;
	font-size: 25px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 0;
	margin-right: 30px;
	font-family: 'Spartan';
}
#newsletter-startseite .submit{
	width: 220px;
	height: 60px;
	background: #F2E675;
	border: none;
	border-radius: 100px;
	font-size: 22px;
	font-family: 'Spartan', sans-serif;
	text-transform: uppercase;
	padding-top: 10px;
	cursor: pointer;
	transition: all ease 0.5s;
}
#newsletter-startseite .submit:hover{
	background: #50dabc;
	transition: all ease 0.1s;
}
#newsletter-startseite .error{
	color: #FF5D8A;
}
#newsletter-startseite label.error{
	display: none;
}
#newsletter-startseite p.error{
	margin-top: 50px;
	margin-bottom: 10px;
}
#newsletter-startseite input.captcha{
	width: 80px;
	border: 4px solid #FF5D8A;
}
.dm-form .widget-text label, .dm-form .widget-textarea label, .dm-form .widget-password label{
	display:none;
}
.dm-form input.text, .dm-form textarea{
	width: 640px;
	height: 55px;
	border-radius: 30px;
	background: #fff;
	border: none;
	font-size: 21px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 0;
	font-family: 'Spartan';
}
.dm-form textarea{
	height: 400px;
	font-size:18px;
	padding-top:20px;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.dm-form .widget-textarea span.mandatory {
    display: none;
}
.dm-form .widget-textarea label {
    display: inherit;
    background: #F2E675;
    top: 50px;
    width: 642px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-left: 20px;
    padding-top: 25px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding-bottom: 16px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}
.dm-form fieldset{
	border:none;
	color: #fff;
}
.dm-form .widget{
	margin-bottom: 30px;
}
.dm-form .submit{
	width: 220px;
	height: 60px;
	background: #F2E675;
	border: none;
	border-radius: 100px;
	font-size: 22px;
	font-family: 'Spartan', sans-serif;
	text-transform: uppercase;
	padding-top: 10px;
	cursor: pointer;
	transition: all ease 0.5s;
}
.dm-form .submit:hover{
	background: #50dabc;
	transition: all ease 0.1s;
}
.dm-form .widget-explanation p{
	text-align: left;
	margin-top:0;
}
.dm-form .error{
	color: #FF5D8A;
}
.dm-form label.error{
	display: none;
}
.dm-form p.error{
	margin-top: 50px;
	margin-bottom: 10px;
}
.dm-form input.captcha{
	width: 80px;
	border: 4px solid #FF5D8A;
}
.dm-form .widget-explanation{
	width: 640px;
	margin-left:auto;
	margin-right: auto;
	margin-top: -20px;
}
.dm-form .widget-explanation p{
	text-align: right;
}
.widget.widget-explanation p{
	font-size: 16px;
	line-height: 30px;
}
.meta-logo{
	float: left;
	margin-right:100px;
}
#bmbf-logo {
	max-width: 200px;
}
#ubf-logo {
	max-width: 280px;
	padding-top: 32px;
}
#bmbfclaim{
	max-width: 400px;
	margin-left: auto;
}
#bmbfclaim p {
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 0;
}
#meta-navi {
	position: relativ;
	text-align: right;
}
#meta-navi p{
	margin: 0;
	font-size: 16px;
	color: #484847;
}
#meta-navi p a{
	color: #484847;
	letter-spacing: 0px;
	text-decoration: underlinde;
	background: linear-gradient(#50dabc,#50dabc);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 0px 0px;
	transition: all ease 0.5s
}
#meta-navi p a:hover{
	background: linear-gradient(#50dabc,#50dabc);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 19px;
	text-decoration: none;
	transition: all ease 0.1s;
}
/*###################
## Hackathon Teaser##
#####################*/
#startgrafik-hackathon {
    max-width: 800px;
    margin: 0 auto;
}
.login #startgrafik-hackathon {
    max-width: 500px;
    margin: 20px auto;
}
#hackathon-teaser{
	display: inline-flex;
	-webkit-align-items: center;
}
.hackathon-teaser{
	width: 300px;
    border: solid 7px #50dabc;
	border-radius: 40px;
    padding: 20px;
    margin: 10px;
    text-align: left;
}
.hackathon-teaser p{
	font-size: 18px;
    line-height: 27px;
    margin-bottom: 15px;
    letter-spacing: 0;
}
.hackathon-teaser .image_container{
	text-align: center;
}
.hackathon-pfeil{
	width: 50px;
	margin: 0 10px;
}
/*##############
## Team Boxen ##
###############*/
#teambox {
    max-width: 1400px;
    text-align: center!important;
    margin-left: auto;
    margin-right: auto;
}
.teambox {
    display: inline-grid;
    margin: 0 auto;
    width: 360px;
    margin-bottom:140px;
    padding: 0 20px;
}
.teambox .image_container{
	width: 160px;
    height: 160px;
    margin: 0 auto;
}
.teambox img{
	border-radius: 100%;
}
.teambox h3{
    margin-bottom: 10px;
    margin-top: 40px;
}
.teambox p {
	margin-top:0;
    font-size: 18px;
    line-height: 24px;
}

/*########################
## Metaseiten / Lightbox##
##########################*/
#cboxLoadedContent{
	border-radius: 40px;
}
#cboxLoadedContent #container{
	margin-top: 0;
	padding-left: 0;
	padding-top: 0;
}
#cboxLoadedContent #main{
	margin-top:0;
}
#cboxLoadedContent .inside{
	background: #fff;
	padding: 50px;
	text-align: left;
}
#cboxLoadedContent h1, #cboxLoadedContent h2, #cboxLoadedContent h3, #cboxLoadedContent h4{
	color: #484847;
}
#cboxLoadedContent h1{
	font-size:35px;
	margin-top:0;
}
#cboxLoadedContent h2{
	font-size:25px;
	margin-top: 100px;
}
#cboxLoadedContent h3, #cboxLoadedContent h4{
	margin-top: 30px;
}
#cboxLoadedContent p {
	font-size: 18px;
	letter-spacing: 0;
	line-height: 30px;
}

@media screen and (max-width: 1250px){
	#hackathon-teaser{
		display: inline-block;
	    margin-left: auto;
	    margin-right: auto;
	}
	.hackathon-teaser{
		width: 80vw;
		text-align: center;
	}
	.hackathon-teaser .image_container{
		width: 150px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 10px!important;
	}
	.hackathon-pfeil{
		display: inline;
	}
	.hackathon-pfeil img{
		width:50px;
	    transform: rotate(90deg);
	}	
}
@media screen and (max-width: 1024px){
	#header{
		padding-left: 5vw;
		padding-right: 5vw;
		padding-top: 25px;
	}
	h1{
		font-size: 35px;
		line-height: 52px;
	}
	h2{
		font-weight:600;
		font-size: 30px;
	}
	p{
		font-size: 20px;
		line-height: 32px;
		margin-bottom: 30px;
	}
	.abstand-unten-80{
		margin-bottom: 50px;
	}
	.abstand-unten-160{
		margin-bottom: 80px;
	}
	#top-logo{
		width: 250px;
		padding-bottom: 20px;
	}
	#startgrafik {
		max-width: 90vw;
		margin-bottom: 50px;
	}
	.meta-logo{
		float:unset;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
	}
	#meta-navi p{
		position: unset;
		bottom: unset;
		right: unset;
		text-align: center;
	}
	#newsletter-startseite{
		padding-left: 5vw;
		padding-right: 5vw;
	}
	#bmbfclaim{
		width: auto;
		max-width: unset;
		margin-bottom: 20px;
	}
	#bmbfclaim p {
		text-align: center;
	}
	#cboxLoadedContent .inside{
		padding: 5vw;
	}
	#cboxLoadedContent p {
		font-size: 14px;
		line-height: 23px;
	}
	#cboxLoadedContent h1{
		font-size:30px;
	}
	#cboxLoadedContent h2{
		font-size:20px;
		margin-top: 50px;
	}
	.teambox {
	   margin-bottom:80px;
}
}
@media screen and (max-width: 768px){
	h1{
		font-size: 30px;
		line-height: 46px;
	}
	h2{
		font-weight:600;
		font-size: 25px;
	}
	h3{
		font-size: 20px;
	}
	p{
		font-size: 16px;
		line-height: 23px;
		margin-bottom: 30px;
		letter-spacing: 0.5px;
	}
	.abstand-unten-80{
		margin-bottom: 35px;
	}
	.abstand-unten-160{
		margin-bottom: 50px;
	}
	#startgrafik {
		max-width: 95vw;
	}
	#newsletter-startseite input{
		margin-right: 0;
		width: 80vw;
		font-size: 20px;
		line-height: inherit;
		height:40px;
		padding-left: 15px;
		margin-bottom: 25px;
	}
	#newsletter-startseite .submit{
		font-size: 18px;
		width: 180px;
		height: 45px;
		padding-top:5px;
	}
	.dm-form input.text, .dm-form textarea{
		width: 80vw;
		font-size: 20px;
	}
	.dm-form textarea{
		font-size:16px;
	}
	.dm-form .widget {
	   margin-bottom: 20px;
	}
	.dm-form .widget-textarea label{
		width:80vw;
		padding-left:22px;
	}
	.dm-form .widget-explanation{
	width: 80vw;
	}
	.widget.widget-explanation p{
		font-size: 14px;
		line-height: 24px;
	}
	.bildbox {
		display: inline-block;
	}
	.hackathon-teaser p{
		font-size: 17px;
	    line-height: 23px;
	    margin-bottom: 10px;
	}
	.teambox{
		margin-bottom:40px;
		padding: 0 10px;
	}
	.teambox p{
		font-size: 16px;
		line-height: 22px;
	}
	.teambox h3{
		margin-top:20px;
	}
}
@media screen and (max-width: 505px){
	input#ctrl_6 {
	    font-size: 3.75vw;
	}
}