/** 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%); 
#F8A605

    --color1: #0F3A40; --color2: #1C6868; --color3: #EF8D50; --color1rgb: rgba(15, 58, 64, 0);
	--color1: #0F3A40; --color2: #1C6868; --color3: #f49f02; --color1rgb: rgba(15, 58, 64, 0);
	--color1: #0F3A40; --color2: #1C6868; --color3: #EF8C50; --color4: #fcc4a4; --color1rgb: rgba(15, 58, 64, 0);
	#F49F02
	#EF8C50
	#8A8EFA
	c3 darkblue 
	 --color2: #EF4277; --color1: #8C8DFC; --color3: #2B4177; --color1rgb: rgba(15, 58, 64, 0);
*/

:root {
    --color1: #0081ED; --color2: #FF9A00; --color3: #0081ED; --color1rgb: rgba(15, 58, 64, 0);
}

/** Links **/
	/* Normal */
	a { 
		color: var(--color1); text-decoration: none; 
	}
	/* Mouseover */
	a:hover { 
		color: var(--color3); text-decoration: none;
	}


/** Logo links oben (erscheint beim Scrollen im Menüs
	/* Breite des Logos */
	.navbar-brand img {
		width: 50px;
	}
	/* Nur betterCode-Seiten: Hintergrund des Logos */
	/*.navbar-brand { background-color: var(--color1); background-image: linear-gradient( -90deg, var(--color1) 0, var(--color2) 100%); } */

/**  Schrift Navigation **/
	/* Normal */
	.navbar-default .navbar-nav>li>a {
		color: #777; /** Grau **/)
	}
	/* 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(--color1);
	}
	
	
/** 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, #ffffff 0, var(--color1) 65%);
	}

/** Call-to-Action-Button, Menü rechts oben **/
	/* Normal */
	.navbar.navbar-default .container .navbar-collapse .btn-bordered {
		color: var(--color2); border-color: var(--color2); background-color: #ffffff;
	}
	/* Mouseover */
	.navbar.navbar-default .container .navbar-collapse .btn-bordered:hover {
    color: #ffffff; border-color: var(--color3); background-color: var(--color3); background-image: linear-gradient( -90deg, var(--color3) 0, var(--color3) 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(--color1) !important;
	}

/** Positionierung für Header und Speakerhintergründe  **/
.header-parallax {
  min-height: 65vh; 
  background-position: right top;
  background-size: cover;
}
.speaker-parallax {
  min-height: 52vh; 
  background-position: right center;
  background-size: cover;
}

/** Header für Ticket-Seite **/
.tickets #Header .jumbo {
    min-height: 300px !important;
}

/** Hintergründe der Sections **/
.bg_color1 {
	background-image: linear-gradient( -90deg, var(--color1) 0, var(--color1) 100%);
}
.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%); **/
	color:white; background: linear-gradient( -90deg, var(--color2) 0, var(--color1) 100%);
}
.bg_grey {
    color:black; background-color: #e2e2e2;
}
.bg_white {
    color:black; background: #ffffff;
}
.bg_transition {
    background-image: linear-gradient( -90deg, var(--color1) 0, var(--color2) 100%);
}

/** Programmkästen **/
	/* Hintergrund */
	body.programm .slots .slot.raum1 .title {
		background-image: linear-gradient(-90deg, var(--color2) 0, var(--color2) 100%); color: #ffffff;
	}
	/* Schriftfarbe Sessiontitel – normal*/
	body.programm .slots .slot .title p a {
		color: #000; text-decoration: none;
	}
	/* Schriftfarbe Sessiontitel – Mouseover*/
	body.programm .slots .slot .title p a:hover {
		color: #f; text-decoration: none;
	}

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

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

/** Footer **/
	/* Hintergrund */
	#Footer {
		background-image: linear-gradient(-90deg, var(--color3) 0, var(--color3) 100%); color: #ffffff;
	}
	/* Schrift für Social- und Konferenbuttons */
		/* Normal */
		a.btn-white { background-color: #ffffff; border-color: #ffffff; color: var(--color3) !important;
		}
		/* Mouseover */
		a.btn-white:hover { background-color: #ffffff; border-color: #ffffff; color: var(--color2) !important; }
					
	/* Farben der unteren Logos */
.fil0 {fill:var(--color3)}
.fil1 {fill:#ccc}
	
/** 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(--color2) !important; border-color: var(--color2) !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(--color2) !important; border-color: var(--color2) !important;
	}

	.pretix-widget a, .pretix-widget-alert-box a {
		color: var(--color2) !important; text-decoration: none;
	}
	.pretix-widget-primary-color {
		fill: var(--color2) !important;
	}
	.pretix-widget-wrapper {
		background-color: white;
	}
	/* Fehlermeldungen */ 
	.pretix-widget .pretix-widget-error-message {
		background-color: white  !important; border: 2px solid var(--color3) !important; color: var(--color3) !important;
	}