/* general */
.tx-dx-specialistsearch {
	--sc-gray: rgb(0,190,239);
	--sc-gray-light: rgb(161,222,241);
	--sc-gray-dark: rgb(0,55,111);
	--sc-border: #cccccc;
	--sc-text: rgb(0,55,111);
	--sc-alert-warning: #9C7C54;
	--sc-alert-warning-bg: #F6F7FA;
	--sc-alert-error: #AB0B46;
	--sc-alert-error-bg: #F7D3CE;
	--sc-alert-ok: #35741B;
	--sc-alert-ok-bg: #CCEBC9;
	--sc-alert-info: #426FA7;
	--sc-alert-info-bg: #EAF7FF;
}

.tx-dx-specialistsearch #search-container,
.tx-dx-specialistsearch #innung-search-container {
	display: grid;
	grid-template-columns: 1fr;
	justify-content: space-between;
}
@media screen and (min-width: 992px) {
	.tx-dx-specialistsearch  #search-container,
    .tx-dx-specialistsearch  #innung-search-container {
		grid-template-columns: 49% 49%;
	}
}

/* tables */
.tx-dx-specialistsearch table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.tx-dx-specialistsearch table tr {
	background-color: var(--sc-gray-light);
}
.tx-dx-specialistsearch table th {
	font-weight:bold;
}
.tx-dx-specialistsearch table td {
	vertical-align:top;
	width: 50%;
}
.tx-dx-specialistsearch table td p {
	margin-bottom: 0;
	font-size: 0.875rem;
}

.tx-dx-specialistsearch p,
.tx-dx-specialistsearch div {
	color: var(--sc-text);
}
.tx-dx-specialistsearch a {
	color: var(--sc-gray-dark);
}

/* flash messages */
.tx-dx-specialistsearch .typo3-messages {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 1.5rem;
}
.tx-dx-specialistsearch .typo3-messages p {
	margin-bottom: 0;
}
.tx-dx-specialistsearch .alert {
	margin-bottom: 1em;
	padding: 1em;
	color: var(--sc-gray);
	background-color: var(--sc-gray-light);
	border: 1px solid var(--sc-gray);
	font-size: 13px;
	font-size: 0.8125rem;
}
.tx-dx-specialistsearch .alert .alert-title {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("/typo3conf/ext/dx_specialistsearch/Resources/Public/Icons/notice.png");
	padding-left: 20px;
}
.tx-dx-specialistsearch .alert.alert-warning {
	color: var(--sc-alert-warning);
	background-color: var(--sc-alert-warning-bg);
	border: 1px solid var(--sc-alert-warning);
}
.tx-dx-specialistsearch .alert.alert-warning .alert-title {
	background-image: url("/typo3conf/ext/dx_specialistsearch/Resources/Public/Icons/warning.png");
}
.tx-dx-specialistsearch .alert.alert-error {
	color: var(--sc-alert-error);
	background-color: var(--sc-alert-error-bg);
	border: 1px solid var(--sc-alert-error);
}
.tx-dx-specialistsearch .alert.alert-error .alert-title {
	background-image: url("/typo3conf/ext/dx_specialistsearch/Resources/Public/Icons/error.png");
}
.tx-dx-specialistsearch .alert.alert-ok {
	color: var(--sc-alert-ok);
	background-color: var(--sc-alert-ok-bg);
	border: 1px solid var(--sc-alert-ok);
}
.tx-dx-specialistsearch .alert.alert-ok .alert-title {
	background-image: url("/typo3conf/ext/dx_specialistsearch/Resources/Public/Icons/ok.png");
}
.tx-dx-specialistsearch .alert.alert-information {
	color: var(--sc-alert-info);
	background-color: var(--sc-alert-info-bg);
	border: 1px solid var(--sc-alert-info);
}
.tx-dx-specialistsearch .alert.alert-information .alert-title {
	background-image: url("/typo3conf/ext/dx_specialistsearch/Resources/Public/Icons/information.png");
}

/* search site */
.tx-dx-specialistsearch #zip-search,
.tx-dx-specialistsearch #letter-search,
.tx-dx-specialistsearch #map-search {
	margin-bottom: 0.5rem;
	padding: 1em;
	background-color: var(--sc-gray-light);
}
.tx-dx-specialistsearch #letter-search a.letter-search,
.tx-dx-specialistsearch #letter-search a.cap-search{
    margin-right: 0.6em;
	font-size: 1.25rem;
	color: var(--sc-gray-dark);
	text-decoration: none;
	font-weight: bold;
	transition: color 200ms ease-in-out;
}
.tx-dx-specialistsearch #letter-search a.letter-search:hover, .tx-dx-specialistsearch #letter-search a.letter-search:focus, .tx-dx-specialistsearch #letter-search a.letter-search:active,
.tx-dx-specialistsearch #letter-search a.cap-search:hover, .tx-dx-specialistsearch #letter-search a.cap-search:focus, .tx-dx-specialistsearch #letter-search a.cap-search:active{
	color: var(--sc-gray);
	text-decoration: underline;
}

#map-search area {
    cursor: pointer;
}

.tx-dx-specialistsearch #limit-search {
	padding: 1em;
	background-color: var(--sc-gray-light);
}

.tx-dx-specialistsearch .search-form-table td {
	padding-bottom: 0.5em;
}
.tx-dx-specialistsearch .search-form-table td:first-child {
    text-align: right;
    padding-right: 1rem;
}

.tx-dx-specialistsearch label,
.tx-dx-specialistsearch select,
.tx-dx-specialistsearch textarea,
.tx-dx-specialistsearch input {
	width: 100%;
	font-size: 0.875rem;
}
.tx-dx-specialistsearch input,
.tx-dx-specialistsearch select {
	padding: 0.25em 0.5em;
	border: none;
}
.tx-dx-specialistsearch input[type="submit"] {
	grid-column-start: 2;
	background-color: var(--sc-gray-dark);
	color: white;
	border: 1px solid var(--sc-gray-dark);
	font-weight: bold;
	transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
.tx-dx-specialistsearch input[type="submit"]:hover {
	background-color: white;
	color: var(--sc-gray-dark);
}
.tx-dx-specialistsearch input[type="checkbox"] {
	width: auto;
	vertical-align: text-bottom;
}
.tx-dx-specialistsearch label.checkboxLabel {
	display: inline;
	width: auto;
}

/* result site */
.search-results-container {
	background-color: var(--sc-gray-light);
}
.tx-dx-specialistsearch .search-result-table td {
	padding: 1em;
}
.tx-dx-specialistsearch .search-result-table td:nth-child(2) {
	padding-left: 0;
}
.tx-dx-specialistsearch .search-result-table tr {
	border-bottom: 0.5rem solid var(--sc-gray);
}
.tx-dx-specialistsearch .search-result-table .popup-link {
	margin-top: 1rem;
}

/* buttons, links */
.tx-dx-specialistsearch .popup-link {
	display: block;
	padding: 0.25em 0.5em;
	background-color: var(--sc-gray-dark);
	color: white;
	border: 1px solid var(--sc-gray-dark);
	font-weight: bold;
	text-align: center;
	transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
.tx-dx-specialistsearch .popup-link:hover, .tx-dx-specialistsearch .popup-link:focus, .tx-dx-specialistsearch .popup-link:active {
	background-color: white;
	color: var(--sc-gray-dark);
}
.tx-dx-specialistsearch a.popup-link {
	color: white;
	text-decoration: none;
}

/* search Innungen */


/* OSV Maps */
#mapContainer {
	max-width: 100%;
}
#map-canvas {
	z-index: 1;
	width: 100%;
	height: 350px;
}