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

html {
	scroll-behavior: smooth;
}

p::selection {
	background-color: #023060 !important;
}

#speaker div {
	margin-bottom: 20px;
}

img::selection {
	background-color: transparent;
}

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

.space {
	padding: 0 5% 0px 5%;
	margin-bottom:25px;}
	
.no-margin, .no-padding {
	margin:0;
	padding: 0;
}
	


input:focus {border:solid 2px #023060 !important;}
.btnVormerken:hover, a:hover {color:#023060 ;}

body {
	font-family:'Roboto', sans-serif;
	}
	
.page {
	padding:0;
	overflow:hidden;
	position: relative;
	z-index: 5;
}

.rowBorder::after {
	content: ' ';
	width: 100%;
	height: 2px;
	background-color: black;
	left: 0;
	bottom: 0;
}

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

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



/*----------------------------------------------
Style Video
------------------------------------------------*/

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

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

.sound {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: rgb(255,255,255,0.8);
	position: absolute;
	bottom: 50px;
	right: 50px;
}


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

.swiper {
	width: 133%;
	margin-top: 0px !important;
	margin-left: -16.5% !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: #003063 !important;
}

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

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

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

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


/*----------------------------------------------
				FONT-KRAM
-----------------------------------------------*/
a.refName {
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}

a.refName span {
	font-weight: 300;
	text-transform: none;
}

.white {
	color:#FFFFFF;
}

.blue {
	color:#002e63;
}

.cyan {
	color: #023060;
}

.grey {
	color: #626463;
}

.pink {
	color: #023060; !important;
}

.green {
	color:#76b82a;
}

.bgDark {
	background-color: #6d7380;
}

.bgLight {
	background-color: #f7f8f8;
}

.pinkGradient {
	background: rgb(230,0,124);
	background: -webkit-linear-gradient(300deg, rgba(230,0,124,1) 85%, rgba(0,46,98,1) 100%);
	background: -o-linear-gradient(300deg, rgba(230,0,124,1) 85%, rgba(0,46,98,1) 100%);
	background: linear-gradient(30deg, rgba(230,0,124,1) 85%, rgba(0,46,98,1) 100%);
}

a {color:#000;}

a:hover {
	color: #023060;
}



p {
	font-size: 24px; 
	line-height: 36px; 
	color: #000000; 
	font-weight: 300;
}



h1 {
	font-size: 68px;
	font-weight: bold;
	color: #023060;
}

h2 {
	font-size:3.2vw;
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	margin-top: 0;
}

h2 span {
	font-size: 2.5vw;
}


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


h3.vitaName {
	font-size: 30px;
	text-transform: uppercase;
}

h3.vitaName  span{
	font-size: 24px !important;
	font-weight: 400 !important;
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 30px;
	text-transform: none;
}

.vitaText {
	font-size: 20px;
	line-height: 30px;
}

@media (max-width:767px) {
	h3.vitaName {font-size: 28px;}
	h3.vitaName span {font-size: 20px !important; text-transform: none; margin-bottom: 15px !important;}
	.vitaText {font-size: 16px !important; line-height: 24px;}
}


h4 {
	font-size: 24px;
	font-weight: 700;
	color: #000;
}

h2 a {color:#000;}

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


.agenda {
	margin-bottom: 0;
	margin-top: 0;
}

.agenda::before {
	content: '';
	width: calc(100% - 30px);
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: -15px;
	height: 1px;
	background-color: rgb(0,0,0,0.2);
}


.time {
	letter-spacing: -0.7px;
	color: #023060;
}

.sponsorLink {
	font-size: 24px;
	color: #002e63;
	font-weight: 500;
	margin-left: 30px;
	text-decoration: underline;
	cursor: pointer;
}

.btnStd {
	color: #002e63;
	background-color: #FFFFFF;
	border: solid 1px #002e63;
	border-radius: 5px !important;
	padding: 10px 25px 10px 25px;
	font-weight: 500;
	font-size: 24px;
}

.btnStd:hover {
	color: #e6007e;
}






/*----------------------------------------------
				CONTENT
-----------------------------------------------*/
.location {
	width: 100%;
	padding: 0;
	position: relative;
}



.location img {
	width: 33.3333333%;
	aspect-ratio: 5/4;
	object-fit: cover;
	float: left;
}

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

input, textarea {
	border-radius: 0 !important;
	border-color: #000 !important;
}

label {
	color: #000 !important;
	font-size: 18px;
}

.form-group label {
	font-weight:300;}
	
	
/*----------------------------------------------
				NAVBAR STYLES
-----------------------------------------------*/

.headerBar {
	padding: 15px 5% 15px 5%;
	display: flex;
	align-items: center;
}

.headerLogo {
	display: flex;
	align-items: center;
	gap: 35px;
}

.headerLogo img {
	width: 30%;
	max-width: 165px;
}

.headerLogo .stdHeader {
	text-transform: uppercase;
	font-size: 1.8vw;
	letter-spacing: 0.1vw;
	color: #002e63;
	line-height: 2.5vw;
	margin: 0;
}

.headerLogo .stdHeader span {
	font-size: 2.5vw;
}

.jetztAnmelden {
	background-color: #023060;
	color: #FFFFFF;
}

a.jetztAnmelden:hover {
	background-color: #450769 !important;
	color: #FFFFFF;
}

@media (min-width:1200px) {
.jetztAnmelden {
	
	padding-right: 1vw !important;
	color: #FFFFFF !important;
	border-radius: 10px;
}

a.jetztAnmelden:hover {
	background-color: #450769 !important;
}

a.jetztAnmelden:focus {
	background-color: #450769 !important;
}

}

.navbar {
	margin-bottom: 0;
}

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

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

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

.navbar.navbar-default ul li a:hover {
	color:#023060;}
	
.navbar.navbar-default ul li .active {
	color:rgb(0, 161, 229);}

.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;}

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

.footer {
	margin-top:25px;
	background-color: #002e63;
	padding:30px 5% 25px 5% !important;
	margin-bottom:0 !important;
}

.footer a {
	color:#FFF;
	font-weight: 300;
	line-height: 30px;
	font-weight: 500;

}

.links a {
	font-size: 20px;
	text-transform: uppercase;
}



.footer .jetztAnmelden {
	padding: 10px 20px 10px 20px !important;
	border-radius: 5px;
	color: #023060 !important;
	text-transform: uppercase;
	display: inline-block;
	background-color: #ffffff;
	font-size: 20px;
}

.footer .jetztAnmelden:hover {
	color: #FFFFFF !important;
	background-color: #023060 !important;
}
	
.footer a:hover {
	color:cyan;
	text-decoration:none;}
	
.footer p {
	color:#FFF;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;}


@media (max-width:1170px) {

.logoFooter img {
	max-width: 200px !important;
	width: 100%;
	}
}
	


/*----------------------------------------------
				MEDIA QUERIES
-----------------------------------------------*/
@media(max-width:1170px) {
	h2 {font-size: 36px;}
	h3 {font-size: 36px;}
	p {font-size: 18px; line-height: 28px;}
	.speakerDesc h3 {font-size: 18px !important; height: 36px; margin-bottom: 5px;}
	.speakerDesc p {font-size: 18px !important; line-height: 24px !important; height: 72px;}
	.speakerDesc a {font-size: 14px !important; letter-spacing: 1; padding: 10px 15px 10px 15px !important; margin-top: 0; }
	.headerBar {align-items: flex-start;}
	.swiper-button-prev::after, .swiper-button-next::after {font-size: 24px !important;}
	.Imp .swiper-button-next, .Imp .swiper-button-prev {top: calc(100% - 10px) !important;}
}

@media(max-width:922px){

	.headerLogo .stdHeader {
		font-size: 2.8vw;
		line-height: 3.9vw;
	}

	.sponsorLink {
		font-size: 16px;
		margin-left: 0px;
		display: block;
	}

	.headerLogo .stdHeader span {
		font-size: 3.9vw;
	}

	.swiper-button-prev {
		position: absolute !important;
		left: 30% !important;
		top: calc(100% - 25px) !important;
		color: #003063 !important;
	}
	
	.swiper-button-next {
		position: absolute;
		right: 30% !important;
		bottom: 0 !important;
		top: calc(100% - 25px) !important;
		color: #003063 !important;
	}

}

	@media(max-width:767px){
		h2, h3 {
			font-size: 24px;
		}

		p {
			font-size: 16px;
		}

		

		.absImage {
			position: relative !important;
			width: 75%;
		}

		.swiper-slide-active img {
			transform: translateY(-10px);
			scale: 1.2;
		}

		.speakerDesc p {font-size: 16px !important; line-height: 24px !important; height: 68px;}

		

		
		
		
		
		.location {
			width: 400%;
			padding: 0;
			animation: fade 10s infinite alternate;
			position: relative;
			display: block;
		}


		

		
		
		
		@keyframes fade {
			0% {left: 0%;}
			25%{left: 0%;}
			30%{left: -100%;}
			55%{left: -100%;}
			66% {left: -200%;}
			100%{left: -200%;}
		}
		
		
		.location img {
			width: 25%;
			aspect-ratio: 16/9;
			object-fit: cover;
			float: left;
			margin-bottom: 50px;
		}
		
}

@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: #e6007e !important; color: #FFFFFF !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 */
}

/*@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;
    }
}*/