/* Colors */
:root{
	--primary: #185CA5 !important;
	--primary-dark: #0277BD !important;
	--secondary: #388E3C !important;
	--secondary-dark: #2E7D32 !important;
	--light: #FFFFFF !important;
}

/* Primary(blue) */
.bg-primary{
	background-color: var(--primary) !important;
}
.text-primary{
	color: var(--primary) !important;
}
.border-primary{
	border-color: var(--primary) !important;
}

.bg-primary-dark{
	background-color: var(--primary-dark) !important;
}
.text-primary-dark{
	color: var(--primary-dark) !important;
}
.border-primary-dark{
	border-color: var(--primary-dark) !important;
}


/* Secondary(green) */
.bg-secondary{
	background-color: var(--secondary) !important;
}
.text-secondary{
	color: var(--secondary) !important;
}
.border-secondary{
	border-color: var(--secondary) !important;
}

.bg-secondary-dark{
	background-color: var(--secondary-dark) !important;
}
.text-secondary-dark{
	color: var(--secondary-dark) !important;
}
.border-secondary-dark{
	border-color: var(--secondary-dark) !important;
}

/* Light bg/text color */
.bg-light{
	background-color: var(--light) !important;
}
.text-light{
	color: var(--light) !important;
}

/* Transparent bg color */
.bg-transparent{
	background-color: transparent !important;
}
.border-tranaprent{
	border-color: transparent !important;
}

/* #Colors */




/* Buttons */

a.bg-primary:focus, 
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover{
	background-color: var(--primary-dark) !important;
}


a.bg-secondary:focus, 
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover{
	background-color: var(--secondary-dark) !important;
}

.fancyhover{
	transition: all .3s;
}

.fancyhover:hover,
.fancyhover:focus {
  box-shadow: 0 0.5em 0.5em -0.4em var(--dark);
  transform: translateY(-0.25em);
}


/* Links disabled */

a.disabled{
	cursor: not-allowed !important;
	color: #787878 !important;
	text-decoration: none;
}

.btn.fancyhover.disabled{
	background-color: var(--gray-dark) !important;
}


/* #Links disabled */



/* #Buttons */



/* Fonts */
@font-face {
	font-family: "CarroisGothicRegular";
	src: url("../font/CarroisGothic-Regular.ttf") format("truetype");
}
/* #Fonts */





/* Actual Page Styles */

*{
	font-family: "CarroisGothicRegular";
	letter-spacing: .2px;
}

body{
	overflow-x: hidden
}


/* Navbar Styles */

.navbar{
	padding-top: .25rem !important;
	padding-bottom: .25rem !important;
}

.dropdown-menu{
	left: inherit !important;
	background-color: var(--primary) !important;
}


.dropdown-header{
	text-decoration: underline;
}

.dropdown-item{
	color: var(--light) !important;
}

.dropdown-item:hover{
	font-weight: bold;
	color: var(--primary) !important;
}

/* #Navbar Styles */




/* #Page Content styles */

.erTile{
	background-image: url('../img/tiles/er_banner.jpg');
}
.vrTile{
	background-image: url('../img/tiles/vr_banner.jpg');
}



/* Callouts for all kind of information on any pages */
.callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}

.callout.success{
	border-left-color: var(--success);
}
.callout.warning{
	border-left-color: var(--warning);
}
.callout.danger{
	border-left-color: var(--danger);
}
.callout.info{
	border-left-color: var(--info);
}
.callout.light{
	border-left-color: var(--light);
}
.callout.dark{
	border-left-color: var(--dark);
}

/* #Callouts for all kind of information on any pages */




/* Form Control overrides */
.form-control{
	height: calc(2.25rem + 10px);
}
/* #Form Control overrides */


/* Select Boxes styles */

option:empty
{
  display:none;
}

/* #Select Boxes styles */


/* Radio Button styles */

.d-flex.flex-row .form-check{
	margin-left: 1rem;
}

/* #Radio Button styles */






/* Info Page item Styles */



/* #Info Page item Styles */



/* Contact Page item Styles */

.contact.card{
	transition: all .3s;
	cursor: pointer;
}

.contact.card:hover{
	box-shadow: 0 0.5em 0.5em -0.4em var(--dark);
}


#Kontaktformular{
	border-radius: 4px;
	
	transition: border 1s;
	transition: box-shadow 2s;
}


/* #Contact Page item Styles */





/* Tooltip Styles */

.tooltip > .tooltip-inner{
	width: 375px;
	max-width: 100% !important;
	padding: 10px 10px 1px;
	text-align: justify;
	color: #000;
	font-weight: 500;
	background-color: white !important;
	box-shadow: 0px 0px 4px 1px var(--dark) !important;
}

.tooltip-inner p{
	
}

/* #Tooltip Styles */


/* Text styles */

.paragraph{
	text-align: justify !important;
}



/* Footer Text styles */
footer a:hover{
	color: #C8C8C8 !important;
}


/* #Footer Text styles */

/* #Text styles */




/* Table Styles */


tr.bg-secondary .smallTableLine{
	height: 12px !important;
}

tbody tr td .text-muted{
	font-size: 13px !important;
}


.table{
	margin-bottom: 0 !important;
}


/* Table Styles */

/* #Page Content styles */





/* Error Styles */

.fieldErrorContainer{
	text-align: center;
	padding-top: 4px;
	margin-top: -2px;
	background-color: var(--danger);
	
	font-size: 15px;
	color: var(--light);
	
	border-bottom: 1px solid var(--danger);
	border-left: 1px solid var(--danger);
	border-right: 1px solid var(--danger);
	
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

/* Error Styles */

/* #Actual Page Styles */