
/** 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: #252550; --color2: #252550; --color3: #a040c0; --color4: #252550; --color1rgb: rgba(103, 103, 164, 0);
}

/** Links **/
	/* Normal */
	a { 
		color: var(--color3); 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: 90px;
	}
	/* 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(--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(--color3);
	}		
		
	/* 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(--color1); border-color: var(--color1); background-color: #ffffff;
	}
	/* Mouseover */
	.navbar.navbar-default .container .navbar-collapse .btn-bordered:hover {
    color: #ffffff; border-color: var(--color1); background-color: var(--color1); background-image: linear-gradient( -90deg, var(--color1) 0, var(--color1) 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: left top;
  background-size: cover;
}
.speaker-parallax {
  min-height: 62vh; 
  background-position: right center;
  background-size: cover;
}

/** 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%);
}
.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 */
	body.programm .slots .slot.raum1 .title {
		background: var(--color3);
	}
	/* Schriftfarbe Sessiontitel – normal*/
	body.programm .slots .slot .title p a {
		color: #ffffff; text-decoration: none;
	}
	/* Schriftfarbe Sessiontitel – Mouseover*/
	body.programm .slots .slot .title p a:hover {
		color: #e2e2e2; 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(--color3) 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(--color3) !important;
	}
	/* Inaktives Navigationspünktchen */
	.owl-theme .owl-dots .owl-dot span {
		background: white ;
	}
	/* Farbe für die Namen der Speaker und Firmen */
	.item.profile-card a, .item.profile-card p {
		color: #000000 !important;
	}

/** Footer **/
	/* Hintergrund */
	#Footer {
		background-image: linear-gradient(-90deg, var(--color1) 0, var(--color4) 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(--color3)} 
	.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;
	}
	
	/* Unterschiedliche  Hintergrundbidler für den Header je nach Bildschirmbreite */

.header-parallax {
  background-image: url('../img/header/pod_bg1.jpg');
}

@media (max-width: 992px) {
	.header-parallax {
		background-image: url('../img/header/pod_bg1.jpg');
}
@media (max-width: 768px) {
	.header-parallax {
		background-image: url('../img/header/pod_bg1.jpg');
	}
}
