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

:root {
	--color1: #0000FF; /* Mittleres Blau */
	--color2: #A532FF; /* Violett */
	--color3: #00FFFF; /* Cyan */
	--color4: #000049; /* Dunkelblau */
	--color5: #fff;    /* Weiß */
	--color6: #000;    /* Schwarz */
}

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

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

/** Farbe Navigationsleiste **/

.navbar.navbar-default.navbar-fixed-top {
	background-color: var(--color4);
}

/** 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(--color3);
}

/** Mobiles Menü **/

/* Hintergrundfarbe großer Menübutton */

.navbar.navbar-default .navbar-header .navbar-toggle.collapsed {
	background-image: linear-gradient( 180deg, var(--color3) 25%, var(--color1) 85%);
}

/* Farbe Icon kleiner Menübutton */

.navbar.navbar-default .navbar-header .navbar-toggle .icon-bar {
	background-color: var(--color6);
}

/* 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, var(--color3) 0, var(--color4) 65%);
}

/** Call-to-Action-Button, Menü rechts oben **/

/* Normal */

.navbar.navbar-default .container .navbar-collapse .btn-bordered {
	color: var(--color1) !important;
	background-color: #fff !important;
	border-radius: 5px;
}

/* Mouseover */

.navbar.navbar-default .container .navbar-collapse .btn-bordered:hover {
	color: var(--color1) !important;
	background-color: var(--color3) !important;
}

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

/** Button allgemein **/

.btn {
	border-radius: 10px !important;
	border: 1px solid var(--color1) !important;
}

.btn:hover {
	transform: scale(1.05) !important;
	color: var(--color1) !important;
	background-color: var(--color3) !important;
}

/** Positionierung und Höhe für Header und Speakerhintergründe **/

.header-parallax {
	min-height: 62vh;
	background-position: center !important;
	background-size: cover;
	padding: 0 0 3rem 0;
}

.speaker-parallax {
	min-height: 30vh;
	background-position: right center;
	background-size: cover;
}

/* Überschriften */

h1 {
	color: var(--color4) !important;
	font-size: 3rem;
	font-weight: 700;
	padding-bottom: 12px;
}

h2 {
	color: var(--color4) !important;
	font-size: 3rem;
	padding-bottom: 12px;
}

/** 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 */

/* Original-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-color: #fff !important;
	font-size: 18px;
	font-weight: 600 !important;
	color: var(--color1) !important;
	border-radius: 5px;
}

/** 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-color: var(--color4);
	color: var(--color5);
	text-decoration: none;
}

#Footer .btn-group .btn {
	padding: 15px;
}

#Footer a:hover {
	color: var(--color3);
}

/* Bilder */
.w120 { width: 120px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w400 { width: 400px; }

/* Schrift für Social- und Konferenbuttons */

/* Normal */

a.btn-white {
	background-color: var(--color5);
	border-color: var(--color1);
	color: var(--color1) !important;
}

/* Mouseover */

a.btn-white:hover {
	background-color: var(--color3);
	border-color: var(--color3);
	color: var(--color1) !important;
}

/* Farben der unteren Logos */

.fil0 { fill: #2846a0 !important; }
.fil1 { fill: #cccccc; }
.fil2 { fill: #646464; }

/** Pretix-Einstellungen **/

/* background */

.pretix-widget {
	border: 2px solid var(--color1) !important;
	padding: 25px !important;
	margin: 25px 0px !important;
}

/* 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(--color5) !important;
	border-color: var(--color1) !important;
	color: var(--color1) !important;
	font-size: 14px !important;
}

.pretix-widget button:hover {
	background-color: #FDE83B !important;
}

.pretix-widget .pretix-widget-action button {
	font-size: 1.5rem !important;
	border-radius: 10px !important;
	border: 1px solid #FFC000 !important;
	font-weight: 500 !important;
	background: linear-gradient(#FDE83B, #FFC000) !important;
	color: #2c2c2c !important;
}

.pretix-widget .pretix-widget-action button:hover {
	background: linear-gradient(#FDE83B, #FDE83B) !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: var(--color5) !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('/sap/img/header/GRC_SAP_Header_300.png') !important;
}

/* Newsletter-Anmeldung */
.form-control {
	width: 80%;
	margin-top: 50px;
}

#NewsletterSection a.btn-transition {
	padding: 10px 50px;
}

section {
	padding: 50px 0px !important;
}

section ul:not(.nav) li::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 500;
	font-size: 14px;
	content: '\f058';
	color: var(--color4);
	display: inline-block;
	line-height: 25px;
	left: 15px;
	position: absolute;
}

i {
	margin-right: 10px;
	color: var(--color2);
}

#Footer i {
	color: var(--color3);
}

.fa-linkedin::before {
	color: #00549d;
	font-size: 5rem;
}

/* Mobile Diashow */
@media (max-width: 767px) {
	#index-slider {
		max-width: 100%;
	}
	.index-slider-image {
		min-height: 140px;
	}
}

.jumbo {
	background-image:url('/sap/img/header/GRC_SAP_Header_300.png') !important;
	background-position: top right;
	min-height: 150px !important;
}