@charset "utf-8";
/* CSS Document */

html {
	scroll-behavior: smooth;
}

body {
	margin: 0 !important;
	padding: 0 !important;
}

.navbar-toggle {
	float: left;
	margin-left: 30px;
}

.headerBar {
	height: 90px;
	display: flex;
	align-content: center;
	align-items: center;
	padding: 0% 5%;
}


@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}


.mck, .mobile, .acc {
	width: 18%;
	margin-bottom: 30px;
	hyphens: none;
}


.efeso, .dekra, .bain {
	width: 14%;
	margin-bottom: 30px;
	hyphens: none
}

.w15 {
	width: 15%;
}

.w10 {
	width: 10%;
}

@media(max-width:1200px) {
	.mck, .mobile, .acc {
	width: 26%;
	margin-bottom: 25px;
}


	.efeso, .dekra, .bain {
	width: 25%;
		margin-bottom: 25px;
}
	

.w15 {
	width: 26%;
	margin-bottom: 25px;
}

.w10 {
	width: 25%;
	margin-bottom: 25px;
}
	

}

@media(max-width:768px) {
	.mck, .mobile, .acc {
	width: 45%;
	margin-bottom: 25px;
}


	.efeso, .dekra, .bain {
	width: 45%;
		margin-bottom: 25px;
}
	.w15 {
	width: 45%;
	margin-bottom: 25px;
}

	.w10 {
		width: 45%;
		margin-bottom: 25px;
	}
	
	.w10 img {
		max-height: 80px;
		width: auto;
		margin-bottom: 25px;
	}
	
}





.ctaHome {
	width: 100%;
	min-height: 100vh;
	background-color: #333;
	padding: 0 5% 0 5%;
	margin-top: -90px;
	background-image:url("../img/kong_visual.webp");
	background-size: cover;
	background-position: center center;
	display: flex;
	flex-direction: column;
	align-content: center;
}

.ctaHome h1 {
	font-size: 168px;
	color:#f59c00;
	margin-top: 90px
}

@media(max-width:1425px) {
	.ctaHome h1 {font-size: 128px; line-height: 100px;  margin-top: 100px;}
	.ctaHome h1 span {font-size: 46px !important;}
	.datum {font-size: 52px !important;}
}


@media(max-width:1090px) {
	.ctaHome {min-height: 50vh; padding-bottom: 50px}
	.ctaHome h1 {font-size: 90px; line-height: 100px; margin-top: 50px; }
	.ctaHome h1 span {font-size: 32px !important; margin-top: -30px !important; display: block;}
	.datum {font-size: 36px !important; margin-top: 20px!important;}
}

@media(max-width:755px) {
	.ctaHome h1 {font-size: 90px; line-height: 90px; margin-top: 50px; }
	.ctaHome h1 span {font-size: 28px !important; line-height: 40px; margin-top: 0px !important; display: block;}
	.datum {font-size: 24px !important; margin-top: 40px!important;}
}


.ctaHome h1 span {
	font-size: 60px;
	font-weight: 400;
	color: #FFFFFF;
	display: block;
	margin-top: -10px;
	text-transform: uppercase;
}

.datum {
	font-size: 70px;
	color: #FFFFFF;
	margin-bottom: 50px;
	font-weight: bold;
	display: block;
	margin-top: 80px
}

.navAnmelden {
	background-color: #f59c00;
	border: solid 1px #f59c00;
	padding: 10px 15px !important;
	margin-right: 5px;
	border-radius: 5px;
	
}

.navAnmelden {
	transition-duration: 0.5s;
}

.anmeldungHome {
	display: flex;
	align-items: center;
	margin-top: 120px;
}

.anmeldungHome img {
	width: 325px;
	margin-right: 75px
}

.jetztAnmelden {
	font-size: 30px;
	color: #FFFFFF;
	background-color: #f59c00;
	padding: 10px 25px 10px 25px;
	border-radius: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: solid 1px #f59c00;
	transition-duration: 0.5s;
	font-weight: 500;
}

@media(max-width:1020px){
	.anmeldungHaendler .jetztAnmelden {letter-spacing: 0; font-size: 24px;}
}

.jetztAnmelden:hover {
	text-decoration: none;
	background: none;
	transition-duration: 0.5s;
	color: #f59c00;
}

.jetztAnmelden2 {
	font-size: 24px;
	color: #FFFFFF;
	background-color: #f59c00;
	padding: 15px 25px 15px 25px;
	border-radius: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	margin-top: 15px;
	display: inline-block;
	border: solid 1px #f59c00;
	transition-duration: 0.5s;
}

.jetztAnmelden2:hover {
	text-decoration: none;
	background: none;
	transition-duration: 0.5s;
}


.header {
	width: 100%;
	background-color: #333;
	padding: 120px 5% 80px 5%;
	margin-top: -90px;
	background-image:url("../img/kong_visual.webp");
	background-size: cover;
	background-position: center center;
	display: flex;
	flex-direction: row;
	align-content: center;
	flex-wrap: wrap;
}

.header .logo {
	width: 325px;
	margin-right: 75px
}
.header img {
	width: 100%;
	
}

.header h1 {
	font-size: 128px;
	color:#f59c00;
	margin-top: -30px !important;
	padding: 0 !important;
}

.header .haendlertage {
	font-size: 80px;
	color:#FFFFFF;
	margin-top: -30px !important;
	padding: 0 !important;
}

.header h1 span {
	font-size: 56px;
	font-weight: 400;
	color: #FFFFFF;
	display: block;
	margin-top: -10px
}

.marquee-container {
      width: 100%;
      overflow: hidden;
      background-color: #222;
      color: #fff;
      position: relative;
    }
	  
	  .marquee-text img {
		  float: left;
		  width: 100%;
	  }

    .marquee-text {
	  width: 200%;
      animation: marquee 10s linear infinite;
    }

    @keyframes marquee {
      from {
        transform: translateX(0%);
      }
      to {
        transform: translateX(-50%);
      }
    }

@media(max-width:1533px){
	.header h1, .header .haendlertage {margin-top: 40px!important;}
}

@media(max-width:1750px){
	.anmeldungHaendler {width: 100% !important;}
}


@media(max-width:1086px){
	.header h1 {font-size: 96px}
	.header h1 span {font-size: 46px;}
	.header .haendlertage {font-size: 68px !important;}
	.header .haendlertage span {font-size: 40px; margin-top: 15px;}
}


.row.speakers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.row.speakers:after {
	content: ' ';
	width: calc(100% - 30px);
	transform: translateX(15px);
	height: 3px;
	background-color: #ececed;
	margin-top: 15px;
	margin-bottom: 15px;
}

.speakerDesc {
	display: flex;
	align-content: flex-end;
}



a.refName h3 {
	color: #FFFFFF;
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-size: 28px !important;
	line-height: 24px;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 30px;
}

a.refName:hover h3 {
	color:#f59c00;
	text-decoration: none;
	cursor: pointer;
}

a.refName h3 span {
	font-weight: 300;
	text-transform: none;
	font-size: 24px;
	margin-top: 10px;
	display: inline-block;

}

.networking {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 15px;
}

.networking a {
	width: calc(25% - 15px);
}


input:focus {border:solid 2px #F90 !important;}

body {
	font-family:'Roboto', sans-serif;
	padding-top:10px;
	background-color: #002063;
	}
	
.page {
	padding:0;
	overflow:hidden;
	background-color: #002540;
	position: relative;
	z-index: 5;
}

.switchLang {
	position: absolute;
	right: 50px;
	top: 15px;
}

.switchLang a:hover {
	text-decoration: none;
	color: #000;
}

/*////////// HEADER JUNK /////////////*/




@media(max-width:767px) {
	
	.speakers p {
		padding: 25px 0 25px 0;
		text-align: center
	}
	
	
	.speakers {
		display: flex;
		align-content: center;
		align-items: center;
		justify-content: center;
	}
	
	
	.row.speakers:after {
	content: ' ';
	width: calc(100% - 35px);
	transform: translateX(0);
	height: 3px;
	background-color: #ececed;
	margin-top: 15px;
	margin-bottom: 15px;
}
	
	.ticker {
		top: 55% !important;
		font-size: 14px;
		
	}
	
	.startupLogos img {
		float: left !important;
	}
	
	.startupLogos div {
		margin-bottom: 30px;
	}
	
	.ono {
		width: 60% !important;
	}
	

	
}
	
	@media(max-width:424px) {
	
	.ticker {
		top: 55% !important;
		font-size: 14px;
		padding: 4px 0 0 0;
		font-size: 10px;
	}
		
		.mor {
		width:12% !important;
			top: 20px !important;
			right: 30px !important;
	}
		
		.redner-grey {
			margin-top: -50%;
		}
		
		#networking {
			margin-top: 50px !important;
		}
		
		.mck img {
			width: 100%;

		}
	
	
}

a:focus, a:active {border:none; outline:none;}

h3 a:hover {
	text-decoration: none;
}

.box-orange {
	margin:0 0 15px 0px;
	display:inline-block;
	padding:5px 0px 5px 0px;
	width:100%;
	text-align:center;
	font-size:16px;
	font-weight:300;
	text-transform:uppercase;
	color:#FFF;
	border:none;
	background-color:#009fe3;
}

.btn-anmelden2 {
	margin:0 0 15px 0px;
	display:inline-block;
	padding:10px 30px 10px 30px;
	text-align:center;
	font-size:16px;
	font-weight:300;
	text-transform:uppercase;
	color:#FFF;
	border:none;
	background-color:#009fe3;
	border: solid 1px;
	transition-duration: 0.5s;
}

.btn-anmelden2:hover {
	background-color: #FFFFFF;
	color: #009fe3;
	border: solid 1px #009fe3;
	text-decoration: none;
	transition-duration: 0.5s;
}

.tickets {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  justify-content: space-between; /* gleichmäßige Verteilung */
  width: 100%;
	margin-bottom: 45px;
}

.tickets a {
  max-width: 18%; /* niemals breiter als Container */
  width: 18%;     /* oder z. B. 20% für 5 Bilder */
  height: auto;
  object-fit: contain;
}


@media(max-width:1170px) {
	.tickets {
  display: flex;
flex-wrap: wrap;
  flex-direction: row;

  justify-content:center; /* gleichmäßige Verteilung */
  width: 100%;
}

.tickets a {
  max-width: 30%; /* niemals breiter als Container */
  width: 30%;     /* oder z. B. 20% für 5 Bilder */
  height: auto;
  object-fit: contain;
	margin-bottom: 25px;
}
	
}

.gruende, .gruende2 {
	width: 100%;
	padding: 30px 50px 70px 50px;
	background-image: url("../img/impressionen-2.jpg");
	background-size: cover;
	background-color: rgba(0, 77, 124, 0.7); /* dunkler Overlay */
    background-blend-mode:darken;
	background-position: center center;
	display: flex;
	flex-wrap: wrap;
	column-gap: 40px;
	justify-content: center;
	margin-bottom: 60px;
	margin-top: 60px;
}


.gruende h3, .gruende2 h3 {
	width: 100%;
	font-size: 5vw;
	text-align: center;
	margin-bottom: 60px
}

.gruende .grund, .gruende2 .grund {
	width: 20%;
	padding: 40px;
	max-width: 25%;
	background-color: rgb(255,255,255,0.8)
}

.grund h4 {
	font-size: 28px !important;
}

@media(max-width:1650px) {
	.gruende2 .grund {
	width: 45%;
	padding: 40px;
	max-width: 50%;
	background-color: rgb(255,255,255,0.8);
		margin-bottom: 40px
}
}

@media(max-width:1170px) {
	.gruende .grund {
	width: 45%;
	padding: 40px;
	max-width: 50%;
	background-color: rgb(255,255,255,0.8);
		margin-bottom: 40px
}


	
	.gruende h3 {
		font-size: 5vw !important;}
}

@media(max-width:768px) {
	.gruende .grund, .gruende2 .grund {
	width: 90%;
	padding: 40px;
	max-width: 90%;
	background-color: rgb(255,255,255,0.8);
		margin-bottom: 40px
}
	
	.grund h4 {
	color: #003063;
	font-size: 24px !important;
	text-align: center;
	font-weight: 700;
	margin-bottom: 20px;
}


.grund p {
	color: #003063;
	font-size: 16px !important;
	font-weight: 500;
}
	
	
}

.grund h4 {
	color: #003063;
	font-size: 30px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 20px;
	min-height: 100px;
}


.grund p {
	color: #003063;
	font-size: 22px;
	font-weight: 500;
}





/*----------------------------------------------
				FONT-KRAM
-----------------------------------------------*/

.white {
	color:#FFFFFF;
}

.blue {
	color:rgba(2,48,100.1);
}

.grey {
	color: #626463;
}

.green {
	color:#76b82a;
}

.black {color: #000000;}

strong {font-weight: 700;}

label {
	color: #FFFFFF;
}

a {color:#FFFFFF;}

p {font-size: 18px; line-height: 30px; color: #FFFFFF; font-weight: 300;}
p.intro {font-size: 24px; line-height: 36px}
p.intro2 {font-size: 28px; line-height: 40px; letter-spacing: 0.5px;}
p a:hover {color:#F90;}

@media(max-width:1500px) {
	p {font-size: 16px;}
	p.intro, p.intro2 {font-size: 18px; line-height: 28px !important}
}

#programm p {letter-spacing: -0.1px; font-size: 16px;}
.time {
	 font-size: 18px; display: inline-block;
}

h1 {
	font-size: 68px;
	font-weight: bold;
	color: rgba(113,161,33,1);
}

h2 {
	font-size:44px;
	font-family: "Roboto", sans-serif;
	font-weight: 900;
}

h3 {
	font-weight:900;
	font-size: 40px;
	font-family: "Roboto", sans-serif;
	color:#000000;
	margin:0 0 15px 0;
	line-height:1em;}

h3.vitaName  span{
	font-size: 30px !important;
	font-weight: 300 !important;
	margin-bottom: 30px;
}

h4.stage {
	color: #FFFFFF; font-size: 20px;
}



h2 a {color:#000;}

h2 a:hover {color:#F90; text-decoration:none;}




/*----------------------------------------------
				CONTENT
-----------------------------------------------*/
	
form label span {
	font-weight:300 !important;
	margin-left: 15px;
}

.form-group label {
	font-weight:300;}



	
.sponsoren {
	border-top:solid 3px rgba(0,0,0,0.05);
	padding-top:25px !important;
	background-color: #ededed;
}



.speaker-home h4 {
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 0;
}



.speaker-home span {
	font-weight: lighter;
}

.speaker-home .row {
	padding-top: 10px; 
}



.programm p {
	line-height: 20px;
	font-size: 18px;
}

.programm .row {
	margin-bottom: 10px;
}

		.gallery-new {
			display: flex !important;
			flex-wrap: wrap;
			flex-direction: row;
			padding: 30px;
			margin-top: 25px;
		}

		
		.gallery-new img {
			width: calc(20% - 10px);
			margin: 5px;
		}


/*----------------------------------------------
			Diagramm Style
------------------------------------------------*/

.pieContainer {
	width: 100%;
	margin-bottom: 60px;
	position: relative;
}

.trigger {
	border: none; 
	position: absolute; 
	background-color: rgb(255,255,255,0.0); 
}

.trigger.oem {
	height: 10%; width: 6.5%; 
	top: 8%; left: 18%;}

.trigger.haendler {
	height: 11%; width: 11%; 
	top: 59%; left: 14%;}

.trigger.politik {
	height: 15%; width: 20%; 
	top: 82.5%; left: 18%;}

.trigger.zulieferer {
	height: 10%; width: 13%; 
	top: 8%; left: 66%;}

.trigger.techno {
	height: 13%; width: 25%; 
	top: 52%; left: 70.5%;}

.trigger.invest {
	height: 15%; width: 25%; 
	top: 81%; left: 52%;}


.toolTip {
	position: absolute; 
	background-color: rgb(0,48,99,0.95); 
	width: 33.3%;
	display: block;
	opacity: 0; 
	visibility: hidden; 
	transition-duration: 1s; 
	border: solid 2px #F90;
	padding: 10px 25px 0px 25px;
	border-radius: 15px;	
}

.close-tooltip {
	display: none;
}

@media(max-width:767px) {
	.toolTip {width: 90%;}
	
	.close-tooltip {
	display:inline-block;
	border: solid 2px #F90;
	background-color: rgb(0,48,99,0.95);
	padding: 0px 5.5px;
	border-radius: 50%;
	position: absolute;
	right: -10px;
	top: -10px;
	}

.close-tooltip:hover {
	cursor: pointer;
	}
	
	.toolTip p {
	font-size: 14px !important;
	line-height: 18px !important;
}
	
}

.toolTip.oem {left: 5%; top: 19%}
.toolTip.haendler {left: 5%; top: 40%}
.toolTip.politik {left: 5%; top: 62%}
.toolTip.zulieferer {right: 5%; top: 19%}
.toolTip.techno {right: 5%; top: 33.5%}
.toolTip.invest {right: 5%; top: 62%}

.toolTip p {
	font-size: 16px;
	line-height: 22px;
}

.toolTip.active {
	opacity: 1; 
	visibility: visible; 
	transition-duration: 1s}


	
/*----------------------------------------------
				NAVBAR STYLES
-----------------------------------------------*/
.header-home {
	background:#FFF;
}

.navbar-nav {
	
	align-items: center;
}

.navbar {
	margin-bottom: 0;
}

.navbar-collapse {
	padding: 0
}

.navbar.navbar-default {
	background-color:rgba(0,0,0,0);
	border:none;
	border-radius:0;}

.navbar.navbar-default ul li {
	padding-top:18px;}

.navbar.navbar-default ul li a {
	color:#FFFFFF;
	text-transform:uppercase;
	padding:0 8px 0 8px;
	line-height:1em;
	font-size: 1.2vw;
	font-family: 'Roboto', sans-serif;
	font-weight: 400 !important;
	}
	
.navbar.navbar-default ul li:last-child a {
	border:none;}

.navbar.navbar-default ul li a:hover {
	color:#f59c00;}
	
.navbar.navbar-default ul li .active {
	color:#F90;}

.nav-secondary {
	z-index:100;}

.nav-secondary ul {
	float:right;
	padding-top:10px;
	margin-right:25px;}

.nav-secondary ul li {
	list-style:none;
	float:left;
}


.nav-secondary ul li a {
	color:#000;
	font-size:14px;
	padding: 0 5px 0 5px;
	display:block;
	line-height:1em;
	border-right: solid 1px #000;}
	
.nav-secondary ul li:last-child a{
	padding-right:0;
	border:0;}


.submenu {
	margin-top: 30px;
	padding-bottom: 30px;
}

.submenu img {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}

.submenu a {
	margin-right: 15px;
	letter-spacing: 0.1em;
}



/*----------------------------------------------
				FOOTER STYLES
-----------------------------------------------*/

.footer {
	margin-top:-25px;
	background-color:rgba(2,48,100,1);
	padding:80px 5% 150px 5% !important;
	margin-bottom:0 !important;
}

.footer  .links a {
	color:#FFF;
	line-height: 25px;
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;}
	
.footer a:hover {
	color:#F90;
	text-decoration:none;}
	
.footer p {
	color:#FFF;
	font-weight: 300;}
	

/*----------------------------------------------
				FOOTER STYLES
-----------------------------------------------*/

.video, .video-kluger, .video2 {
    width: 100%;
    height: auto;
    border: none;
}

.video_wrapper{
    display:table;
    position:relative;
    width:100%;
    cursor:pointer;
}

.playpause {
    background-image:url("../img/play.png");
    background-repeat:no-repeat;
    width:35%;
    height:35%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}

.playpause-kluger {
    background-image:url("../img/kluger-tn.jpg");
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}

/*----------------------------------------------
				RANDOM
-----------------------------------------------*/

.space {
	padding: 0 5% 0px 5%;
	margin-bottom:25px;}
	
.divider {
	width: calc(100% - 30px);
	margin-left: 15px;
	height: 2px;
	background-color: #003063;
}

.no-margin {
	margin:0;}
	

.slider {
	height: 250px;
	background-size: cover;
}

.slider [role="button"] {
	position: absolute;
	z-index: 100;
	right: 0%;
	/*top: calc(50% - 20px);*/
	bottom: 30px
}

.slider [role="button"]:first-child {
	position: absolute;
	z-index: 100;
	left: 0%;
	/*top: calc(50% - 20px);*/
	bottom: 30px
}

.slider .item img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/*----------------------------------------------
Style Swiper Slider
------------------------------------------------*/

.swiper {
	width: 138%;
	margin-top: 0px !important;
	margin-left: -19% !important;
	padding-top: 0px !important;
	padding-bottom: 25px !important;
  }

  .swiper-slide {
	background-position: center;
	background-size: cover;
	opacity: 0;
	height: 100%;
  }

  .swiper-slide-visible {
	opacity: 1;
	filter: blur(5px);
  }

  .swiper-slide-prev,
  .swiper-slide-next {
	filter: blur(2px);
  }

  .swiper-slide-active {
	filter: blur(0px);
	transform: translateY(20px) !important;
  }

  .swiper-slide-active.slideImp {
	transform: translateY(0px) !important;
  }

  .swiper-slide img {
	display: block;
	width: 100%;
  }

  .swiper-slide-active .imgLink {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	z-index: 5;
  }

  /* Lösung über Aspect Ratio für den VITA Kram 
  .speakerDesc {
	width: 100%;
	background-color: #003063;
	aspect-ratio: 16/9;
  } */

  .speakerDesc h3 {
	font-size: 1.55vw !important;
	text-transform: uppercase;
	margin-top: 20px;
  }

  .speakerDesc p {
	font-size: 1.2vw;
	line-height: normal;
  }

  .speakerDesc a {
	margin-top: 15px;
	font-size: 1.2vw !important;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	padding: 10px 30px 10px 30px;
	border: solid 2px #003063;
	border-radius: 10px;
  }

  .speakerDesc a:hover {
	text-decoration: none;
  }


.swiper-button-prev {
	position: absolute !important;
	left: 40% !important;
	top: calc(100% - 30px) !important;
	color: #FFFFFF !important;
}

.swiper-button-next {
	position: absolute;
	right: 40% !important;
	top: calc(100% - 30px) !important;
	color: #FFFFFF !important;
}

.swiper.Imp {
	padding-bottom: 40px !important;
}

.Imp .swiper-button-prev {
	left: 38% !important;
}

.Imp .swiper-button-next {
	right: 38% !important;
}

/*----------------------------------------------
				MEDIA QUERIES
-----------------------------------------------*/
	

	@media(max-width:1200px){

		.slider {
	height: 250px !important;
	background-size: cover;
	background-position: bottom;
	}

	h3 {
	font-weight:bold;
	font-size: 40px !important;
	color:#000000;
	margin:0 0 15px 0;
	line-height:1em;}

	}

	.location h3 span {
		font-size: 24px !important;
	}

@media(min-width:992px) {
	.agendaCol {
		display: flex;
	}
}
	
	@media(max-width:992px){

		
		h3 {
			font-size: 32px !important;
		}
		
		
		.networking a {
	width: 32%;
	margin-bottom: 2%;
}
		
		.slider {
			height: 400px !important;
			background-size: cover;
			padding-right: 0 !important;
			}
		
		.slider .item img {
		object-fit: cover;
		width: 100%;
		height: 100%;
}

	.mittwoch {
		border: none !important;
	}

	.donnerstag {
		padding-left: 15px !important;
		border: none !important;
	}
		
		.homeAnmeldung {
	display: inline-block;
	background-color: #76b82a;
	color: #FFF;
	font-size: 16px;
	font-weight: 300;
	padding: 10px 25px 10px 25px;
	letter-spacing: 2px;
	box-shadow: 0 0 15px #333;
	margin-top: 75px;
	bottom: 15%;
	left: 5%
}
	
		.footer-logo {
			margin-top:30px;
		}
		
			.btn-tickets {
	background-color: #FFF;
	float: right;
	padding: 20px 0px 10px 0px !important;
	border-radius: 10px;
			width: 25% !important;
	margin-right: 5% !important;
	border: solid 1px #000000;
}



.btn-anmelden a {
	color: #FFF;
	font-weight: lighter;
	font-size: 24px;
	background-color: rgba(118,183,41,1);
	width: 50%;
	float: right;
	margin-right: 10%;
	padding: 22px 0px 22px 0px !important;
	border-radius: 10px;
}
		
		
		.safethedate {
	background-color: #76b82a;
	position: absolute;
	bottom: -20px;
	padding: 20px 25px 0px 40px;
}

.safethedate h3 {
	text-transform: uppercase;
	font-size: 24px !important;
	line-height: 16px
}

.safethedate h3 span {
	text-transform: none;
	font-weight: 300;
	font-size: 16px;
	display: inline-block;
	margin-top: 10px
}

	
	}

	@media(max-width:767px){
		.mhp {
			width: 40% !important;
			margin-bottom: 40px;}
		
		h3 { font-size: 24px !important;}
		
		.dankeText h3.blue {
			font-size: 78px !important;
		}

		h3 span { font-size: 24px !important; display: inline-block; margin-top: 5px !important;}
		h2 { font-size: 36px !important;}

		.btn-anmelden a {
			color: #FFF;
			font-weight: lighter;
			font-size: 24px;
			background-color: rgba(118,183,41,1);
			float: right;
			padding: 22px 30px 22px 30px;
			border-radius: 10px;
			}
		
		.slider {
			height: 350px !important;
			padding-right: 0 !important;
			}
		

		
		.homeAnmeldung {
	display: inline-block;
	background-color: #76b82a;
	color: #FFF;
	font-size: 10px;
	font-weight: 300;
	padding: 10px 10px 10px 10px;
	letter-spacing: 0px;
	box-shadow: 0 0 5px #333;
	margin-top: 75px;
	bottom: 5%;
	left: 6%
}
		

		
		
		.sponsoren-home img {
			
			float: left !important;
			margin-left:0 !important;
			margin-bottom:30px;
			max-width:65%;}
		
		.sponsoren-home .text-center img {
			text-align:left !important;
			max-width:40%;}
		

		
		.startup {
			width: 65% !important;
			margin-bottom: 30px;
		}
		
		.synaos {
			float: left !important;
			margin-left: 0 !important;
		}
		
		.startup-small {
			width: 38% !important;
		}
		
		.btn-tickets {
		background-color: #FFF;
		float: right;
		padding: 20px 0px 10px 0px !important;
		border-radius: 10px;
				width: 30% !important;
		margin-right: 5% !important;
		border: solid 1px #000000;
		}



		.btn-anmelden a {
		color: #FFF;
		font-weight: lighter;
		font-size: 24px;
		background-color: rgba(118,183,41,1);
		width: 65%;
		float: right;
		margin-right: 0 !important;
		padding: 22px 0px 22px 0px !important;
		border-radius: 10px;
	}
		
		#programm h3 span {
			font-size: 12px !important;
			float: none !important;
		}
		
		.tuev {
			max-width: 85% !important;
			margin-top: 0 !important;}
		
		.tidz {
			margin-top: 5px !important;
		}
		
		.dankeText {
			margin-bottom: 15px !important;
		}
		
		.videoImpressionen {
			margin-top: 25px;
		}
		
		
		.safethedate {
		display: none;
}

		


	}

@media (min-width: 1200px) {
.navbar-nav {
	display: flex;
}
}

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -3%;
		
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
		border-radius: none !important;
		text-transform: uppercase;
    }

	.navbar-nav>li>a.jetztAnmelden {
		border-radius: none !important;
		background-color: #e6007e;
		color: #FFFFFF;
	}

	

	.navbar-nav>li>a:hover {
		background-color: #f59c00 !important; color: #FFFFFF !important;
	}
}
	

/*@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}*/


/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* quattrocento-sans-regular - latin */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quattrocento-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quattrocento-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quattrocento-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quattrocento-sans-v18-latin-regular.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
}
/* quattrocento-sans-italic - latin */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/quattrocento-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quattrocento-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quattrocento-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quattrocento-sans-v18-latin-italic.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
}
/* quattrocento-sans-700 - latin */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quattrocento-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quattrocento-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quattrocento-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quattrocento-sans-v18-latin-700.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
}
/* quattrocento-sans-700italic - latin */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/quattrocento-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quattrocento-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quattrocento-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quattrocento-sans-v18-latin-700italic.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
}