/** Standardfarben, zur Verwendung als Variablen weiter unten **/

/*
Syntax: 
Verläufe: Verlaufsrichtung in Grad, Startfarbe links, Startfarbe rechts, Deckkraft 
background-image: linear-gradient( -90deg, var(--color1) 0, var(--color2) 100%); 

*/


:root {
	--color1: #2846a0; --color2: #c260c3; --color3: #f5e663; --color4: #ffad69;
    --color1rgb: rgba(103, 255, 164, 0);
}


.profile-card {
  margin: auto;
  text-align: center;
}


.profile-image {
    margin: 15px;
    max-width: 90%;
	border: none !important;
	/* filter: grayscale(100%); */
}


/** Links **/
	/* Normal */
	a { 
		color: var(--color1); text-decoration: none;
	}
	section a { 
		font-weight:bold;
	}
	.slot a { 
		font-weight:normal;
	}	
	/* Mouseover */
	a:hover { 
		color: var(--color2); text-decoration: none;
	}


/** Logo links oben (erscheint beim Scrollen im Menüs
	/* Breite des Logos */
	.navbar-brand img {
		width: 50px;		
	}
	/* Position innerhalb des weißen Bereiches */
	.navbar-brand {
		padding: 5px 5px;
	}	
/**  Schrift Navigation **/
	/* Normal */
	.navbar-default .navbar-nav>li>a {
		/* color: #fff; */
	}
	/* Mouseover */
	#navbar ul:first-child li a:hover, #navbar ul:first-child li a:focus, #navbar ul:first-child li.active a:focus, #navbar ul:first-child li.active a:hover, #navbar ul:first-child li.active a {
		color: var(--color2);
	}
	
	
/** Mobiles Menü **/
	/* Hintergrundfarbe großer Menübutton */
		.navbar.navbar-default .navbar-header .navbar-toggle.collapsed {
			background-image: linear-gradient( -90deg, var(--color2) 0, var(--color2) 100%);
		}
	/* Farbe Icon kleiner Menübutton */
	.navbar.navbar-default .navbar-header .navbar-toggle .icon-bar {
		background-color: var(--color1);
	}		
		
	/* Farbe des Overlays beim Aufruf des Menüs */
	.navbar.navbar-default .navbar-collapse.collapse.in, .navbar.navbar-default .navbar-collapse.collapsing {
		background-image: linear-gradient( 180deg, #cccccc 0, var(--color1) 65%);
	}

/** Call-to-Action-Button, Menü rechts oben **/
	/* Normal */
	.navbar.navbar-default .container .navbar-collapse .btn-bordered {
		color: var(--color1); border-color: var(--color1); background-color: #eeeeee;
	}
	/* Mouseover */
	.navbar.navbar-default .container .navbar-collapse .btn-bordered:hover {
    color: #ffffff; border-color: var(--color1); background-color: var(--color2); background-image: linear-gradient( -90deg, var(--color2) 0, var(--color2) 100%);
	}
	/* Schriftfarbe Call-to-action-Button mobil */
	.navbar.navbar-default .navbar-collapse.collapse.in .btn-bordered, .navbar.navbar-default .navbar-collapse.collapsing .btn-bordered {
		color: var(--color2) !important;
	}

/** Positionierung und Höhe für Header und Speakerhintergründe  **/
.header-parallax {
  min-height: 62vh;
  background-position: left center !important;
  background-size: cover;
}
.speaker-parallax {
  min-height: 30vh; 
  background-position: right center;
  background-size: cover;
}

/** Hintergründe der Sections **/
.bg_color1 {
	background-image: linear-gradient( -90deg, var(--color1) 0, var(--color1) 100%);
	color: #ffffff;
}
.bg_color1 a {
	color: var(--color4);
}
.bg_color2 {
	background-image: linear-gradient( -90deg, var(--color2) 0, var(--color2) 100%);
}
.bg_color3 {
	background-image: linear-gradient( -90deg, var(--color3) 0, var(--color3) 100%);
}
.bg_color3 {
	background-image: linear-gradient( -90deg, var(--color4) 0, var(--color4) 100%);
}
.bg_grey {
    color:black; background: #e2e2e2;
}
.bg_white {
    color:black; background: #ffffff;
}
.bg_transition {
    background-image: linear-gradient( -90deg, var(--color1) 0, var(--color2) 100%);
}

/** Programmkästen **/
	/* Hintergrund */
	/* Origianl-Logo-Farben, die sind zu stark 
	#4369db;
	#97b0fc;
	#c260c3;
	#f9a5ff;
	*/
	
	body.programm .slots .slot.raum1 .title {
		background: #122b75;
	}
	body.programm .slots .slot.raum2 .title {
		background: #234099;
	}	
	body.programm .slots .slot.raum3 .title {
		background: #3959ba;
	}
	body.programm .slots .slot.raum4 .title {
		background: #466fdd;		
	}

	/* Schriftfarbe Sessiontitel – normal*/
	body.programm .slots .slot .title p a {
		color: #fff; text-decoration: none;
	}
	/* Schriftfarbe Sessiontitel – Mouseover*/
	body.programm .slots .slot .title p a:hover {
		color: #999; text-decoration: none;
	}

/** Hintergrund, Schriftfarbe und Schriftgröße Buttons (in den Sections) **/
.btn-transition {
    background-image: linear-gradient( -90deg, var(--color1) 0, var(--color1) 100%); color: #666666; font-size: 18px; font-color: #000000;
}


/** Speakerrondell **/ 
	/* Aktives Navigationspünktchen */
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
		background: var(--color4) !important;
	}
	/* Inaktives Navigationspünktchen */
	.owl-theme .owl-dots .owl-dot span {
		background: #fff ;
	}
	/* Farbe für die Namen der Speaker und Firmen */
	.item.profile-card a, .item.profile-card p {
		color: #ffffff !important;
	}

/** Footer **/
	/* Hintergrund */
	#Footer {
		background-image: linear-gradient(-90deg, var(--color1) 0, var(--color1) 100%); color: #ffffff;
	}
	/* Schrift für Social- und Konferenbuttons */
		/* Normal */
		a.btn-white { background-color: #ffffff; border-color: #ffffff; color: var(--color1) !important;
		}
		/* Mouseover */
		a.btn-white:hover { background-color: #ffffff; border-color: #ffffff; color: var(--color1) !important; }
					
	/* Farben der unteren Logos */
	.fil0 {fill:var(--color1)} 
	.fil1 {fill:#cccccc}
	.fil2 {fill:#646464}
	
/** Pretix-Einstellungen **/
	/* Pretix-Buttons */
	.pretix-widget button, .pretix-widget input[type="button"], .pretix-widget-alert-box button, .pretix-widget-alert-box input[type="button"] {
		background-color: var(--color1) !important; border-color: var(--color1) !important;
	}
	.pretix-widget a.pretix-widget-button, .pretix-widget-alert-box button, .pretix-widget-alert-box input[type="button"], .pretix-widget-alert-box a.pretix-widget-button {
		color: #ffffff !important; background-color: var(--color1) !important; border-color: var(--color1) !important;
	}

	.pretix-widget a, .pretix-widget-alert-box a {
		color: var(--color1) !important; text-decoration: none;
	}
	.pretix-widget-primary-color {
		fill: var(--color1) !important;
	}
	.pretix-widget-wrapper {
		background-color: white;
	}
	/* Fehlermeldungen */ 
	.pretix-widget .pretix-widget-error-message {
		background-color: white  !important; border: 2px solid var(--color2) !important; color: var(--color2) !important;
	}
	
	
/** Farbe der Newsletter-Section und Headerbild im CfP-Formular **/
.erfolg_call .bg_newsletterSection { 
	background-color: #e2e2e2 !important;
}
.erfolg_call .jumbo { background-image:url('/img/header/header_1920x300.jpg') !important; }