.stoerung-page{
font-size:12px;
}

.stoerung-hero{
padding:16px;
background:#f7f7f7;
border:1px solid #e2e2e2;
}

.stoerung-hero h1{
margin:0 0 8px 0;
line-height:1.4;
font-weight:600;
}

.stoerung-hero p{
margin:0;
line-height:1.6;
}

.stoerung-hinweis{
margin-top:10px;
padding:10px 12px;
background:#ffffff;
border:1px solid #e6e6e6;
line-height:1.6;
}

.stoerung-nav{
display:flex;
flex-wrap:wrap;
gap:6px;
margin:12px 0 6px 0;
padding:6px 0;
}

.stoerung-nav a{
display:inline-block;
padding:6px 10px;
text-decoration:none;
background:#f0f0f0;
border:1px solid #e2e2e2;
color:inherit;
}

.stoerung-nav a:hover{
background:#e8e8e8;
}

.stoerung-section{
margin-top:20px;
}

.stoerung-section-first{
margin-top:10px;
}

.stoerung-kategorie{
margin:10px 0 8px 0;
font-weight:600;
}

.stoerung-text{
margin:0 0 10px 0;
line-height:1.6;
}

.stoerung-grid{
display:grid;
grid-template-columns:1fr;
gap:10px;
margin-bottom:0;
}

.stoerung-card{
background:#f7f7f7;
border:1px solid #e2e2e2;
padding:12px;
}

.stoerung-card h3{
margin:0 0 6px 0;
font-weight:600;
}

.stoerung-card p{
margin:0 0 8px 0;
line-height:1.5;
}

.stoerung-btn{
display:block;
width:100%;
text-align:center;
padding:7px 10px;
text-decoration:none;
font-weight:600;
background:#e5e5e5;
color:#333;
border:1px solid #d0d0d0;
box-sizing:border-box;
line-height:1.2;
transform:none !important;
box-shadow:none !important;
position:static !important;
top:auto !important;
}

.stoerung-btn:hover{
background:#d6d6d6;
}

.stoerung-btn:active,
.stoerung-btn:focus,
.stoerung-btn:focus-visible{
padding:7px 10px !important;
border:1px solid #d0d0d0 !important;
transform:none !important;
box-shadow:none !important;
outline:none !important;
position:static !important;
top:auto !important;
}

.stoerung-footer{
margin-top:20px;
padding:14px;
background:#f7f7f7;
border:1px solid #e2e2e2;
}

.stoerung-footer h2{
margin:0 0 8px 0;
font-weight:600;
}

.stoerung-footer p{
margin:0 0 12px 0;
line-height:1.6;
}

.stoerung-footer p:last-child{
margin-bottom:0;
}