/* Antenne Verkehr – nur diese Verkehrsseite. */
body.page-template-page-antenne-verkehr .entry-header,body.page-template-page-antenne-verkehr .entry-title,body.page-template-page-antenne-verkehr .page-title{display:none!important}
main.akh-verkehr-page{--av-red:var(--antenne-red,#e30613);--av-text:#17181b;--av-muted:#69717d;--av-line:#e5e7eb;background:#fff;color:var(--av-text);padding:46px 0 64px;overflow:visible}
.akh-verkehr-page *{box-sizing:border-box}.akh-verkehr-page [hidden]{display:none!important}
.akh-verkehr-page .akh-verkehr-container{width:min(1240px,calc(100% - 40px));max-width:1240px;margin:0 auto}
.akh-verkehr-page .akh-verkehr-intro{margin-bottom:34px}.akh-verkehr-page .akh-verkehr-title{position:relative;padding-left:20px;margin-bottom:20px}
.akh-verkehr-page .akh-verkehr-title:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:5px;border-radius:8px;background:var(--av-red)}
.akh-verkehr-page .akh-verkehr-kicker{display:block;margin-bottom:9px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--av-muted);line-height:1.4}
.akh-verkehr-page .akh-verkehr-title h1{display:block!important;margin:0;font-family:inherit;font-size:clamp(34px,4.5vw,50px);font-weight:850;letter-spacing:-.05em;line-height:1.08;color:var(--av-text)}
.akh-verkehr-page .akh-verkehr-lead{max-width:850px;margin:0;font-size:18px;line-height:1.65;color:#454b55}.akh-verkehr-page .akh-verkehr-editor{margin-top:20px;line-height:1.7}
.akh-verkehr-page .akh-verkehr-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}
.akh-verkehr-page .akh-verkehr-main{min-width:0;padding:0;margin:0;background:transparent}
.akh-verkehr-page .akh-verkehr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:18px;border-bottom:2px solid var(--av-line)}
.akh-verkehr-page .akh-verkehr-toolbar h2{font-family:inherit;margin:0;font-size:28px;font-weight:850;letter-spacing:-.035em;line-height:1.15;color:var(--av-text)}
.akh-verkehr-page .akh-verkehr-refresh{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:var(--av-red);color:white;font:inherit;font-size:12px;font-weight:750;padding:11px 14px;cursor:pointer;line-height:1.4;flex-shrink:0}
.akh-verkehr-page .akh-verkehr-refresh:hover{background:#bc0010;color:white}
.akh-verkehr-page .akh-verkehr-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}
.akh-verkehr-page .akh-verkehr-filters button{font:inherit;font-size:12px;font-weight:700;line-height:1.4;color:var(--av-text);background:#fff;border:1px solid var(--av-line);border-radius:999px;padding:8px 13px;cursor:pointer}
.akh-verkehr-page .akh-verkehr-filters button[aria-pressed="true"]{background:var(--av-red);border-color:var(--av-red);color:#fff}
.akh-verkehr-page button:focus-visible,.akh-verkehr-page a:focus-visible{outline:3px solid var(--av-red);outline-offset:4px}
.akh-verkehr-page .akh-verkehr-count{font-size:12px;color:var(--av-muted);margin:0 0 16px}
.akh-verkehr-page .akh-verkehr-results section.akh-adac-traffic{margin:0;padding:0;background:transparent}
.akh-verkehr-page .akh-verkehr-results .akh-adac-traffic article.akh-adac-item{display:block;margin:0 0 14px;padding:20px 22px;border:1px solid var(--av-line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(16,17,20,.045)}
.akh-verkehr-page .akh-verkehr-results .akh-adac-traffic .akh-adac-badge{display:inline-block;min-width:48px;padding:5px 10px;margin-right:9px;border-radius:6px;background:var(--av-red);color:#fff;font-size:13px;font-weight:800;line-height:1.4;text-align:center}
.akh-verkehr-page .akh-adac-item>span:not(.akh-adac-badge){font-size:12px;font-weight:700;color:#555d68}
.akh-verkehr-page .akh-verkehr-results .akh-adac-traffic .akh-adac-item p{margin:13px 0 12px;font-size:16px;line-height:1.7;color:var(--av-text);overflow-wrap:anywhere}
.akh-verkehr-page .akh-verkehr-results .akh-adac-traffic small{font-size:11px;line-height:1.6;color:var(--av-muted)}
.akh-verkehr-page .akh-verkehr-results .akh-adac-traffic small a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.akh-verkehr-page .akh-verkehr-results .akh-adac-traffic>small{display:block;margin-top:20px;padding-top:14px;border-top:1px solid var(--av-line)}
.akh-verkehr-page .akh-verkehr-results .akh-adac-warning,.akh-verkehr-page .akh-verkehr-notice{margin:16px 0;padding:16px 18px;border:1px solid #f0dfb4;border-left:3px solid #b7791f;border-radius:9px;background:#fffaf0;color:#684717;font-size:14px;line-height:1.65}
.akh-verkehr-page .akh-verkehr-notice p{margin:0 0 10px}.akh-verkehr-page .akh-verkehr-notice p:last-child{margin-bottom:0}
.akh-verkehr-page .akh-verkehr-aside{display:grid;gap:16px;min-width:0}
.akh-verkehr-page .akh-verkehr-info{margin:0;padding:22px;border:1px solid var(--av-line);border-radius:14px;background:#f6f7f9}
.akh-verkehr-page .akh-verkehr-info h2{font-family:inherit;margin:0 0 12px;font-size:19px;font-weight:800;letter-spacing:-.025em;line-height:1.25;color:var(--av-text)}
.akh-verkehr-page .akh-verkehr-info p{margin:0 0 12px;font-size:13px;line-height:1.7;color:#5c6470}.akh-verkehr-page .akh-verkehr-info p:last-child{margin-bottom:0}
.akh-verkehr-page .akh-verkehr-safety{border-top:3px solid var(--av-red)}
@media(max-width:1000px){.akh-verkehr-page .akh-verkehr-layout{grid-template-columns:1fr}.akh-verkehr-page .akh-verkehr-aside{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.akh-verkehr-page .akh-verkehr-info{padding:18px}}
@media(max-width:680px){main.akh-verkehr-page{padding:28px 0 42px}.akh-verkehr-page .akh-verkehr-container{width:calc(100% - 30px)}.akh-verkehr-page .akh-verkehr-lead{font-size:16px}.akh-verkehr-page .akh-verkehr-intro{margin-bottom:26px}.akh-verkehr-page .akh-verkehr-toolbar{align-items:flex-start;flex-direction:column;gap:14px}.akh-verkehr-page .akh-verkehr-toolbar h2{font-size:26px}.akh-verkehr-page .akh-verkehr-aside{grid-template-columns:1fr}.akh-verkehr-page .akh-verkehr-layout{gap:26px}.akh-verkehr-page .akh-verkehr-results .akh-adac-traffic article.akh-adac-item{padding:17px 16px;border-radius:12px}.akh-verkehr-page .akh-verkehr-results .akh-adac-traffic .akh-adac-item p{font-size:15px}.akh-verkehr-page .akh-verkehr-filters{gap:6px}}

/* HörerInnen können Verkehrsmeldungen einreichen */
.akh-verkehr-page .akh-verkehr-melden {
    border-top: 3px solid var(--av-red, #e30613);
}

.akh-verkehr-page .akh-verkehr-melden-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 4px 0 16px;
    padding: 12px 16px;
    border: 0;
    border-radius: 8px;
    background: var(--av-red, #e30613);
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.4;
    text-align: center;
    cursor: pointer;
}

.akh-verkehr-page .akh-verkehr-melden-button:hover {
    background: #bc0010;
    color: #fff;
}

.akh-verkehr-page .akh-verkehr-melden-button:focus-visible {
    outline: 3px solid var(--av-red, #e30613);
    outline-offset: 4px;
}

.akh-verkehr-page .akh-verkehr-melden
.akh-verkehr-melden-hinweis {
    margin: 0;
    font-size: 11px;
    line-height: 1.65;
    color: var(--av-muted, #69717d);
}

/* =================================================
   VERKEHR: FORMULAR-POPUP
================================================= */

html.akh-verkehr-dialog-open,
html.akh-verkehr-dialog-open body {
    overflow: hidden;
}

dialog.akh-verkehr-dialog {
    position: fixed;
    inset: 0;
    width: min(680px, calc(100% - 32px));
    max-width: 680px;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    border: 0;
    border-radius: 18px;
    background: #fff;
    color: #17181b;
    font-family: inherit;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.3);
}

dialog.akh-verkehr-dialog:not([open]) {
    display: none;
}

dialog.akh-verkehr-dialog[open] {
    display: block;
}

dialog.akh-verkehr-dialog::backdrop {
    background: rgba(8, 12, 18, 0.72);
}

.akh-verkehr-dialog,
.akh-verkehr-dialog * {
    box-sizing: border-box;
}

.akh-verkehr-dialog-inner {
    position: relative;
    padding: 38px 34px 26px;
}

.akh-verkehr-dialog-header {
    padding-right: 30px;
}

.akh-verkehr-dialog-kicker {
    display: block;
    margin-bottom: 10px;
    color: #e30613;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-transform: uppercase;
}

.akh-verkehr-dialog-header h2 {
    margin: 0 0 14px;
    color: #17181b;
    font-family: inherit;
    font-size: clamp(25px, 4vw, 32px);
    font-weight: 850;
    letter-spacing: -0.04em;
    line-height: 1.15;
}

.akh-verkehr-dialog-header p {
    margin: 0 0 24px;
    color: #5c6470;
    font-size: 14px;
    line-height: 1.7;
}

.akh-verkehr-dialog-close {
    position: absolute;
    top: 14px;
    right: 14px;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    background: #f6f7f9;
    color: #17181b;
    font-size: 27px;
    line-height: 1;
    cursor: pointer;
}

.akh-verkehr-dialog-close:hover {
    border-color: #e30613;
    background: #e30613;
    color: #fff;
}

.akh-verkehr-dialog-close:focus-visible {
    outline: 3px solid #e30613;
    outline-offset: 3px;
}

.akh-verkehr-dialog-form {
    min-width: 0;
}

.akh-verkehr-dialog-form .wpforms-container {
    margin: 0;
}

.akh-verkehr-dialog-note {
    margin: 22px 0 0;
    padding-top: 16px;
    border-top: 1px solid #e5e7eb;
    color: #69717d;
    font-size: 11px;
    line-height: 1.65;
}

@media (max-width: 600px) {
    dialog.akh-verkehr-dialog {
        width: calc(100% - 20px);
        max-height: calc(100vh - 20px);
        max-height: calc(100dvh - 20px);
        border-radius: 14px;
    }

    .akh-verkehr-dialog-inner {
        padding: 50px 20px 22px;
    }

    .akh-verkehr-dialog-header {
        padding-right: 0;
    }
}
/* Meldebutton auf Mobilgeräten vor der Seitenüberschrift */
.akh-verkehr-page .akh-verkehr-mobile-melden {
    display: none;
}

@media (max-width: 767px) {
    .akh-verkehr-page .akh-verkehr-mobile-melden:not(:empty) {
        display: block;
        margin: 0 0 24px;
    }

    .akh-verkehr-page .akh-verkehr-mobile-melden
    .akh-verkehr-melden-button {
        width: 100%;
        margin: 0;
        padding: 14px 18px;
        font-size: 14px;
    }
}