.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;
margin-bottom: 3px;
}
#rlp-feuerwehren-list li strong a {
text-decoration: none;
color: #337ab7;
}
#rlp-feuerwehren-list li strong a:hover {
text-decoration: underline;
}
#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: 80vh; 
max-height: 80vh; }
.rlp-feuerwehren-sidebar {
width: 100%; height: 40%; 
display: flex;
flex-direction: column;
}
.rlp-feuerwehren-map-wrapper {
width: 100%; height: 60%;
} #rlp-feuerwehren-list { flex-grow: 1; overflow-y: auto; min-height: 0;
}
} .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;
}