/*  =========================================================
Erweiterungen für Vertretersuche
Datei: nerling-vertretersuche.css
Datum: 2024-07-24
Autor: Himbeerrot GmbH

colors:
cyan		#009edf
mgrau	#6a92a5
hgrau	#d4d3d3
========================================================== */ 

/* ---- Ausgabeseite: ---- */
.vertreter-finden {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	column-gap:1.5rem;
	text-align:center;
	margin-top:1rem;
	margin-right:1rem;
}
.vertreter-finden div {
	background-color:#eee;
	padding: 10px 10px 20px 10px;;
}
.vertreter-finden img {
	max-width:100%;
	height:auto;
}
.vertreter-finden h3 {
	font-weight:bold;
}
.vertreter-finden p, label {
	margin-bottom:0.75em;
	font-weight:bold;
}
.vertreter-finden input {
	padding:10px 0;
	border:1px solid #009edf;
	font-size:120%;
	width:40%;
	text-align:center;
}
.vertreter-finden input:focus {
	background-color:#b5ffff;
	font-weight:600;
}
.vertreter-finden input.submit {
	padding:10px 0;
	background-color:#009edf;
	color:#fff;
	font-weight:bold;
}
@media only screen and (max-width: 768px) {
	.vertreter-finden {
		display:block;
	}
}

/* ---- Redaktionsseite: ---- */
.login {
	padding:3rem;
}
.einleitung {
	padding-left:3rem;
}
.bearbeitung {
	padding-bottom:3rem;
	padding-left:3rem;
}
.bearbeitung a {
	display: inline-block;
	margin:0.5em 0;
	padding:5px 20px;
	background-color:#009edf;
	color:#fff;
}
label {
	display:inline-block;
	min-width:7rem;
}
input {
	border: 1px solid #6a92a5;
	padding: 5px;
}
input[type="submit"] {
	padding:5px 20px;
	background-color:#009edf;
	color:#fff;
	font-weight:bold;
}
input[type="submit"]:hover {
	background-color:#06e;
}
table.vertreter-bearbeiten th {
	padding: 5px 10px;
	background-color: #d4d3d3;
	text-align:left;
}
table.vertreter-bearbeiten td {
	padding: 5px 10px;
	border-bottom: 1px solid #d4d3d3;
}
table.gebiete-bearbeiten th, table.gebiete-bearbeiten td {
    text-align: left;
    padding: 0.25em 0.75em 0.25em 0;
    border-bottom: 1px solid #ccc;
}