@charset "utf-8";

/*********/
/* Fonts */
/*********/

@font-face {
	font-family: 'ffdinforpuma';
	src: url('/fonts/ffdinforpuma/ffdinforpuma-light-webfont.woff2') format('woff2'),
		url('/fonts/ffdinforpuma/ffdinforpuma-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'ffdinforpuma';
	src: url('/fonts/ffdinforpuma/ffdinforpuma-regular-webfont.woff2') format('woff2'),
		url('/fonts/ffdinforpuma/ffdinforpuma-regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'ffdinforpuma';
	src: url('/fonts/ffdinforpuma/ffdinforpuma-bold-webfont.woff2') format('woff2'),
		url('/fonts/ffdinforpuma/ffdinforpuma-bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

/**********/
/* Farben */
/**********/

:root {
	--main:#D0DC76;
	--main-lighter:#EAF690;
	--main-darker:#B7C35D;
}

a{
	color:var(--main);
}
a:hover, a:focus{
	color:var(--main-darker);
}

.bg-secondary,
.btn-secondary {
	background-color: #5C5C5C !important;
}
.btn-secondary:hover, .btn-secondary:focus{
	background-color: #4C4C4C !important;
}

.btn-outline-primary{
	border-color: var(--main);
	color: var(--main);
}
.btn-check:checked + .btn-outline-primary{
	background-color: var(--main);
	border-color: var(--main);
}

/**********/
/* Layout */
/**********/

body{
	color:#333333;
	font-size:16px;
	font-family: 'ffdinforpuma', sans-serif;
	background: radial-gradient(circle at 18.7% 37.8%, rgb(250, 250, 250) 0%, rgb(225, 234, 238) 90%);
}

h1,h2,h3,h4,h5,h6{
	font-family: 'ffdinforpuma', sans-serif;
}

.btn{
	font-family: 'ffdinforpuma', sans-serif;
	font-size:20px;
}

b{
	font-weight:600;
}

pre{
	white-space:pre-wrap;
}

.form-control:focus, .form-select:focus{
	border-color:#ced4da;
	box-shadow:none;
}

main{
	position:relative;
	min-height:100vh;
	overflow-x:hidden;
}

main .wrapper{
	padding-top:72px;
}

body.nav-bottom .wrapper{
	padding-bottom:64px;
}

#navbar-top{
	background-color: #000000;
}

#navbar-footer{
	height:64px;
	bottom:-64px;
	background-color: #000000;	
}
input[type="time"]::-webkit-calendar-picker-indicator {
	display:none;
}

.editbutton{
	position:absolute;
	right:16px;
	top:8px;
}

.btn-check:checked + .btn-secondary{
	background-color:var(--main) !important;
}

#market_name{
	white-space:nowrap;
}

.form-check-input:focus{
	box-shadow:none;
}

.form-check-input:checked{
	background-color: var(--main);
	border-color: var(--main);
}

.btn{
	box-shadow:none !important;
}

ol{
	padding-left:16px;
}

ol li{
	margin-bottom:8px;
}

/************/
/* Suchfeld */
/************/

.search{
	position:relative;
}

.search .fa-search {
	position:absolute;
	top:11px;
	left:13px
}

.search input{
	text-indent: 25px;
}

/*************/
/* Lade-Icon */
/*************/

#overlay{
	position:fixed;
	top:0;
	left:0;
	height:100vh;
	width:100vw;
	z-index:9000;
	background-color:rgba(0,0,0,0.5);
}

#loading{
	position:fixed;
	top:0;
	left:0;
	height:100vh;
	width:100vw;
	z-index:9400;
	background-color:rgba(0,0,0,0.5);
}

#loading > span{
	width:80px;
	height:80px;
	background-color:rgba(0,0,0,0.5);
	border-radius:10px;
}

/******************/
/* Vorgänge Liste */
/******************/

.list-group-item.list-group-item-action{
	cursor:pointer;
}

.list-group-item .icon{
	display:block;
	height:32px;
	width:32px;
	line-height:32px;
	text-align:center;
}

/**********/
/* Farben */
/**********/

.btn-primary{
	background-color:var(--main);
	border-color:var(--main);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
	background-color:var(--main-darker);
	border-color:var(--main-darker);
}

.bg-primary{
	background-color:var(--main) !important;
}

.text-primary{
	color:var(--main) !important;
}

.border-primary{
	border-color:var(--main) !important;
}

.nav-link {
	color:var(--main);
}
.nav-link:focus, .nav-link:hover{
	color:var(--main-darker);
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header{
	background-color:var(--main-darker);
}
.dtp div.dtp-date, .dtp div.dtp-time{
	background-color:var(--main);
}

/****************/
/* Autocomplete */
/****************/

.autocomplete{
	width:100%;
	padding:0;
}

.autocomplete .dropdown-item{
	padding-top:8px;
	padding-bottom:8px;
	border-top:1px solid rgba(0,0,0,.125);
}
.autocomplete .dropdown-item:first-child{
	border:0;
}

/*********/
/* Modal */
/*********/

.modal{
	z-index:9500;
}

.modal-body p:last-child{
	margin-bottom:0;
}

/*********/
/* Notiz */
/*********/

textarea.fullsize{
	width:100%;
	overflow:auto;
	resize: none;
}

/*********/
/* Login */
/*********/

#login{
	min-height:100vh;
}

/**************/
/* Scoreboard */
/**************/

#scoreboard{
	background-image:none;
	background-color:#000000;
	padding:64px 100px;
}

#scoreboard h1{
	font-size:56px;
	font-weight:700;
}

#scoreboard td, #scoreboard th{
	font-size:28px;
	color:#FFFFFF;
	border-color:var(--main) !important;
	border-bottom-width:2px;
	padding-top:10px;
	padding-bottom:6px;
}

#scoreboard tr:last-child td{
	border-bottom-width:0;
}