.rlp-feuerwehren-container {
display: flex;
flex-wrap: wrap;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
height: 600px;
max-height: 80vh;
}
.rlp-feuerwehren-sidebar {
width: 35%;
display: flex;
flex-direction: column;
}
.rlp-feuerwehren-map-wrapper {
width: 65%;
height: 100%;
}
#rlp-feuerwehren-map {
height: 100%;
width: 100%;
}
.rlp-feuerwehren-search-wrapper {
padding: 15px;
border-bottom: 1px solid #ddd;
}
#rlp-feuerwehren-search {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
#rlp-feuerwehren-list {
list-style: none;
margin: 0;
padding: 0;
overflow-y: auto;
flex-grow: 1;
}
#rlp-feuerwehren-list li {
padding: 15px;
border-bottom: 1px solid #eee;
cursor: pointer;
transition: background-color 0.2s;
}
#rlp-feuerwehren-list li:hover {
background-color: #f7f7f7;
}
#rlp-feuerwehren-list li strong {
display: block;
font-size: 1.1em;
color: #333;
}
#rlp-feuerwehren-list li span {
color: #666;
font-size: 0.9em;
}
.rlp-feuerwehren-form {
max-width: 700px;
margin: 20px auto;
padding: 25px;
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
}
.rlp-feuerwehren-form p, .rlp-feuerwehren-form div {
margin-bottom: 15px;
}
.rlp-feuerwehren-form label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.rlp-feuerwehren-form input[type="text"],
.rlp-feuerwehren-form input[type="email"],
.rlp-feuerwehren-form input[type="tel"],
.rlp-feuerwehren-form input[type="url"] {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
.rlp-form-feedback {
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
}
.rlp-form-feedback.success {
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.rlp-form-feedback.error {
background-color: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
.rlp-form-feedback.error ul {
margin: 0;
padding-left: 20px;
}
.rlp-address-wrapper {
position: relative;
}
#rlp-address-suggestions {
position: absolute;
background: white;
border: 1px solid #ccc;
border-top: none;
width: 100%;
z-index: 1000;
max-height: 200px;
overflow-y: auto;
}
#rlp-address-suggestions div {
padding: 10px;
cursor: pointer;
}
#rlp-address-suggestions div:hover {
background: #f0f0f0;
}
@media (max-width: 768px) {
.rlp-feuerwehren-container {
flex-direction: column;
height: auto;
}
.rlp-feuerwehren-sidebar, .rlp-feuerwehren-map-wrapper {
width: 100%;
}
.rlp-feuerwehren-map-wrapper {
height: 400px;
}
} .rlp-feuerwehr-details-box {
margin-top: 30px;
padding: 25px;
border: 1px solid #e0e0e0;
background-color: #f9f9f9;
border-radius: 8px;
}
.rlp-feuerwehr-details-box h3 {
margin-top: 0;
border-bottom: 2px solid #ddd;
padding-bottom: 10px;
}
.rlp-feuerwehr-details-box ul {
list-style: none;
margin: 0;
padding: 0;
}
.rlp-feuerwehr-details-box li {
display: flex;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid #eee;
}
.rlp-feuerwehr-details-box li:last-child {
border-bottom: none;
}
.rlp-feuerwehr-details-box li .dashicons {
margin-right: 15px;
color: #d73a3a; font-size: 20px;
}
.rlp-feuerwehr-details-box li a {
text-decoration: none;
color: #337ab7;
}
.rlp-feuerwehr-details-box li a:hover {
text-decoration: underline;
}
.rlp-edit-link {
margin-top: 25px;
text-align: right;
font-size: 0.9em;
}.wp-core-ui .button,.wp-core-ui .button-primary,.wp-core-ui .button-secondary{display:inline-block;text-decoration:none;font-size:13px;line-height:2.15384615;min-height:30px;margin:0;padding:0 10px;cursor:pointer;border-width:1px;border-style:solid;-webkit-appearance:none;border-radius:3px;white-space:nowrap;box-sizing:border-box}.wp-core-ui button::-moz-focus-inner,.wp-core-ui input[type=button]::-moz-focus-inner,.wp-core-ui input[type=reset]::-moz-focus-inner,.wp-core-ui input[type=submit]::-moz-focus-inner{border-width:0;border-style:none;padding:0}.wp-core-ui .button-group.button-large .button,.wp-core-ui .button.button-large{min-height:32px;line-height:2.30769231;padding:0 12px}.wp-core-ui .button-group.button-small .button,.wp-core-ui .button.button-small{min-height:26px;line-height:2.18181818;padding:0 8px;font-size:11px}.wp-core-ui .button-group.button-hero .button,.wp-core-ui .button.button-hero{font-size:14px;min-height:46px;line-height:3.14285714;padding:0 36px}.wp-core-ui .button.hidden{display:none}.wp-core-ui input[type=reset],.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:focus,.wp-core-ui input[type=reset]:hover{background:0 0;border:none;box-shadow:none;padding:0 2px 1px;width:auto}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#2271b1;border-color:#2271b1;background:#f6f7f7;vertical-align:top}.wp-core-ui p .button{vertical-align:baseline}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{background:#f0f0f1;border-color:#0a4b78;color:#0a4b78}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{background:#f6f7f7;border-color:#3582c4;color:#0a4b78;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent;outline-offset:0}.wp-core-ui .button-secondary:active,.wp-core-ui .button:active{background:#f6f7f7;border-color:#8c8f94;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:hover{background-color:#dcdcde;color:#135e96;border-color:#0a4b78;box-shadow:inset 0 2px 5px -3px #0a4b78}.wp-core-ui .button.active:focus{border-color:#3582c4;box-shadow:inset 0 2px 5px -3px #0a4b78,0 0 0 1px #3582c4}.wp-core-ui .button-disabled,.wp-core-ui .button-secondary.disabled,.wp-core-ui .button-secondary:disabled,.wp-core-ui .button-secondary[disabled],.wp-core-ui .button.disabled,.wp-core-ui .button:disabled,.wp-core-ui .button[disabled]{color:#a7aaad!important;border-color:#dcdcde!important;background:#f6f7f7!important;box-shadow:none!important;cursor:default;transform:none!important}.wp-core-ui .button-secondary[aria-disabled=true],.wp-core-ui .button[aria-disabled=true]{cursor:default}.wp-core-ui .button-link{margin:0;padding:0;box-shadow:none;border:0;border-radius:0;background:0 0;cursor:pointer;text-align:left;color:#2271b1;text-decoration:underline;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}.wp-core-ui .button-link:active,.wp-core-ui .button-link:hover{color:#135e96}.wp-core-ui .button-link:focus{color:#043959;box-shadow:0 0 0 2px #2271b1;outline:2px solid transparent}.wp-core-ui .button-link-delete{color:#d63638}.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#d63638;background:0 0}.wp-core-ui .button-link-delete:disabled{background:0 0!important}.wp-core-ui .button-primary{background:#2271b1;border-color:#2271b1;color:#fff;text-decoration:none;text-shadow:none}.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary.hover,.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#135e96;border-color:#135e96;color:#fff}.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #2271b1}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover,.wp-core-ui .button-primary:active{background:#135e96;border-color:#135e96;box-shadow:none;color:#fff}.wp-core-ui .button-primary-disabled,.wp-core-ui .button-primary.disabled,.wp-core-ui .button-primary:disabled,.wp-core-ui .button-primary[disabled]{color:#a7aaad!important;background:#f6f7f7!important;border-color:#dcdcde!important;box-shadow:none!important;text-shadow:none!important;cursor:default}.wp-core-ui .button-primary[aria-disabled=true]{cursor:default}.wp-core-ui .button-group{position:relative;display:inline-block;white-space:nowrap;font-size:0;vertical-align:middle}.wp-core-ui .button-group>.button{display:inline-block;border-radius:0;margin-right:-1px}.wp-core-ui .button-group>.button:first-child{border-radius:3px 0 0 3px}.wp-core-ui .button-group>.button:last-child{border-radius:0 3px 3px 0}.wp-core-ui .button-group>.button-primary+.button{border-left:0}.wp-core-ui .button-group>.button:focus{position:relative;z-index:1}.wp-core-ui .button-group>.button.active{background-color:#dcdcde;color:#135e96;border-color:#0a4b78;box-shadow:inset 0 2px 5px -3px #0a4b78}.wp-core-ui .button-group>.button.active:focus{border-color:#3582c4;box-shadow:inset 0 2px 5px -3px #0a4b78,0 0 0 1px #3582c4}@media screen and (max-width:782px){.wp-core-ui .button,.wp-core-ui .button.button-large,.wp-core-ui .button.button-small,a.preview,input#publish,input#save-post{padding:0 14px;line-height:2.71428571;font-size:14px;vertical-align:middle;min-height:40px;margin-bottom:4px}.wp-core-ui .copy-to-clipboard-container .copy-attachment-url{margin-bottom:0}#media-upload.wp-core-ui .button{padding:0 10px 1px;min-height:24px;line-height:22px;font-size:13px}.media-frame.mode-grid .bulk-select .button{margin-bottom:0}.wp-core-ui .save-post-status.button{position:relative;margin:0 14px 0 10px}.wp-core-ui.wp-customizer .button{font-size:13px;line-height:2.15384615;min-height:30px;margin:0;vertical-align:inherit}.wp-customizer .theme-overlay .theme-actions .button{margin-bottom:5px}.media-modal-content .media-toolbar-primary .media-button{margin-top:10px;margin-left:5px}.interim-login .button.button-large{min-height:30px;line-height:2;padding:0 12px 2px}}