/* Loaded only by Default.aspx, after automotive.css. */
body { width: auto; max-width: 1200px; padding: 0 20px; background: #f3f5f7; color: #202c39; line-height: 1.5; }
.container_header, .container, .content_left, .content_right, .job-search input { box-sizing: border-box; }
.container_header { width: 100%; height: auto; min-height: 90px; display: flex; justify-content: space-between; align-items: center; gap: 20px; background-size: cover; }
.container_header > div { max-width: 100%; }
img { max-width: 100%; height: auto; }
.container { width: 100%; padding: 20px; border: 1px solid #d6dde4; border-top: 3px solid #e4bb18; border-radius: 10px; }
.main-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 24px; }
.container > br { display: none; }
.container::after { content: ""; display: block; clear: both; }
.main-layout::after { display: none; }
.content_left, .content_right { float: none; left: auto; width: auto; min-width: 0; margin: 0; padding: 0; border: 0; }
.content_right { border-left: 1px solid #d6dde4; padding-left: 24px; }
h1 { margin: 0 0 5px; font-size: clamp(22px, 2.5vw, 26px); line-height: 1.2; }
.search-intro { margin-bottom: 8px; font-size: 13px; color: #526171; }
.job-search { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3px 10px; padding: 8px 0 2px; }
.job-search label { font-size: 12px; font-weight: bold; margin-top: 0; }
.job-search .textbox200, .job-search .textbox400 { width: 100%; min-width: 0; margin: 0 0 3px; min-height: 36px; padding: 6px 9px; font-size: 14px; border: 1px solid #788898; background: #fff; }
.job-search .button { margin: 0 0 3px; min-height: 36px; font-size: 14px; cursor: pointer; border-color: #ac8800; }
.job-search label[for$="_Job_Stichwort"] { grid-column: 1; grid-row: 1; }
.job-search input[id$="_Job_Stichwort"] { grid-column: 1; grid-row: 2; }
.job-search label[for$="_Ort_PlZ_Land"] { grid-column: 2; grid-row: 1; }
.job-search input[id$="_Ort_PlZ_Land"] { grid-column: 2; grid-row: 2; }
.job-search label[for$="_Volltext"] { grid-column: 1; grid-row: 3; }
.job-search input[id$="_Volltext"] { grid-column: 1; grid-row: 4; }
.job-search .button { grid-column: 2; grid-row: 4; align-self: end; }
.job-search .button:hover { background: #f4ce36; }
a:focus-visible, input:focus-visible { outline: 3px solid #075eb5; outline-offset: 3px; }
.job-card { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 14px; padding: 12px 0; border-bottom: 1px solid #dce2e8; }
.job-logo { padding-top: 2px; }
.job-details { min-width: 0; overflow-wrap: anywhere; }
.job-details h2 { margin: 2px 0 3px; line-height: 1.35; }
.job-details .stelle { font-size: 15px; font-weight: bold; color: #124d83; }
.job-details .unternehmen, .job-location { font-size: 12px; color: #526171; }
.news-card { padding: 18px 0; border-bottom: 1px solid #dce2e8; overflow-wrap: anywhere; }
.news-card h2 { margin: 5px 0 8px; line-height: 1.45; }
.news_schlagzeile { font-size: 15px; color: #124d83; font-weight: bold; }
.news-date { font-size: 12px; color: #526171; }
.kurztext { font-size: 13px; color: #445362; line-height: 1.6; }
.datapager { display: flex; justify-content: center; padding: 14px 0 4px; }
.datapager > span { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; }
.datapager a, .datapager input, .datapager span > span { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 36px; min-height: 44px; padding: 6px; font-size: 14px; }
.datapager input { border: 1px solid #788898; border-radius: 4px; background: #fff; cursor: pointer; }
.links_footer { display: inline-block; padding: 10px 2px; font-size: 12px; }
@media (max-width: 800px) {
    body { padding: 0 12px; }
    .main-layout { grid-template-columns: minmax(0, 1fr); }
    .content_right { border-left: 0; border-top: 1px solid #d6dde4; padding: 24px 0 0; margin-top: 8px; }
}
@media (max-width: 480px) {
    body { padding: 0 8px; }
    .container { padding: 16px; }
    .container_header { flex-wrap: wrap; gap: 16px; padding: 16px; }
    .job-card { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; }
}
@media (max-width: 480px) {
    .job-search { grid-template-columns: minmax(0, 1fr); gap: 3px; padding-top: 10px; }
    .job-search label[for], .job-search input[id] { grid-column: auto; grid-row: auto; }
}
/* No empty logo column when the logo is absent or cannot be loaded. */
.job-details:first-child, .job-card-no-logo .job-details { grid-column: 1 / -1; }

.results-count { padding: 3px 8px; font-size: 13px; background: #ffcc00; border-radius: 5px; }
.job-logo img { max-height: 48px; object-fit: contain; object-position: left center; }
@media (max-width: 800px), (pointer: coarse) {
    .job-search .textbox200, .job-search .textbox400 { min-height: 44px; font-size: 16px; }
    .job-search .button { min-height: 44px; }
}
/* Scale the news banner to the available column width without distortion. */
.content_right .news-banner { display: block; width: 100%; max-width: 100%; height: auto; }