:root{--rot:#d83b2d;--rot-hover:#bf3024;--blau:#0873b2;--hblau:#173f70;--hellhellgelb:#eef6fc;--text-color-light:#56718a}
.innenw{width:calc(100% - 80px);max-width:1240px;margin-inline:auto}
@media(max-width:760px){.innenw{width:calc(100% - 40px)}}
.erfahrungen-container,.erfahrung-detail-container{padding-block:40px 70px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:14px 22px;background:#d83b2d;color:#fff;font-size:15px;font-weight:750;line-height:1.3;text-decoration:none;cursor:pointer}
.btn:hover{background:#bf3024}
.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:24px 0}
.page-link{display:inline-grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--line);border-radius:7px;text-decoration:none;color:var(--navy)}
.page-link.active{background:#173f70;border-color:#173f70;color:#fff}
.erfahrung-modal input,.erfahrung-modal textarea{width:100%;box-sizing:border-box}
.erfahrung-breadcrumb a{color:#fff}
.erfahrung-datum{color:#dceaf6}
.erfahrungen-container{padding-top: 2%;}
.erfahrungen-header{display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 15px;}
.erfahrungen-count{font-size: 14px;
    color: var(--text-color-light);}
.erfahrung-teilen-btn{font-size: 16px;
    padding: 12px 28px;}
.erfahrung-card{position: relative;
    background: #fff;
    border-left: 4px solid var(--rot);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 25px;
    border-radius: 0 8px 8px 0;
    transition: box-shadow 0.25s ease, transform 0.2s ease;}
.erfahrung-card:hover{box-shadow: 0 6px 25px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);}
.erfahrung-card-inner{padding: 25px 30px;}
.erfahrung-titel{margin: 0 0 12px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;}
.erfahrung-titel a{color: #1a1a1a;
    text-decoration: none;
    transition: color 0.2s;}
.erfahrung-titel a:hover{color: var(--rot);}
.erfahrung-meta{font-size: 14px;
    color: #777;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;}
.erfahrung-meta strong{color: #333;}
.erfahrung-kasse-badge{display: inline-block;
    background: var(--blau);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.3px;}
.erfahrung-content-row{display: flex;
    gap: 20px;
    margin-bottom: 15px;}
.erfahrung-thumb{flex-shrink: 0;
    width: 160px;
    height: 120px;
    border-radius: 6px;
    overflow: hidden;
    display: block;}
.erfahrung-thumb img{width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;}
.erfahrung-thumb:hover img{transform: scale(1.05);}
.erfahrung-text-preview{color: #444;
    line-height: 1.7;
    font-size: 15px;
    flex: 1;}
.erfahrung-card-footer{display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;}
.erfahrung-weiterlesen{color: var(--rot);
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s;}
.erfahrung-weiterlesen:hover{color: var(--rot-hover);
    text-decoration: underline;}
.erfahrung-share-btn{display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #f0f0f0;
    color: #777;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;}
.erfahrung-share-btn:hover{background-color: var(--blau);
    color: #fff;}
.share-modal-overlay{display: none;
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.2s ease;}
.share-modal-overlay.active{display: flex;}
.share-modal-content{background: #fff;
    border-radius: 16px;
    width: 380px;
    max-width: 90vw;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25);
    animation: slideUp 0.3s ease;
    overflow: hidden;}
.share-modal-header{display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px 15px;
    border-bottom: 1px solid #f0f0f0;}
.share-modal-header h3{margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;}
.share-modal-close{background: none;
    border: none;
    font-size: 28px;
    color: #999;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    transition: color 0.2s;}
.share-modal-close:hover{color: #333;}
.share-modal-options{padding: 20px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;}
.erfahrung-leer{text-align: center;
    padding: 60px 20px;
    color: var(--text-color-light);
    font-size: 18px;}
.erfahrung-breadcrumb{margin-bottom: 5px;
    font-size: 14px;}
.erfahrung-breadcrumb a{color: #fff;
    text-decoration: none;
    opacity: 0.8;}
.erfahrung-breadcrumb a:hover{opacity: 1;
    text-decoration: underline;}
.erfahrung-datum{font-size: 14px;
    opacity: 0.8;}
.erfahrung-zurueck{display: inline-block;
    color: var(--blau);
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 15px;}
.erfahrung-zurueck:hover{text-decoration: underline;}
.erfahrung-share-bar{text-align: center;
    margin-bottom: 35px;}
.erfahrung-share-bar span{display: block;
    font-size: 14px;
    color: var(--text-color-light);
    margin-bottom: 12px;}
.erfahrung-detail-bild{margin-bottom: 30px;
    border-radius: 8px;
    overflow: hidden;}
.erfahrung-detail-bild img{width: 100%;
    max-height: 500px;
    object-fit: cover;}
.erfahrung-kasse-label{margin-bottom: 20px;
    padding: 10px 15px;
    background-color: var(--hblau);
    border-radius: 4px;
    font-size: 15px;
    color: var(--blau);}
.erfahrung-detail-titel{font-size: 26px;
    
    margin: 0 0 20px 0;
    line-height: 1.3;}
.erfahrung-detail-text{line-height: 1.8;
    font-size: 17px;
    color: #333;
    margin-bottom: 40px;}
.erfahrung-cta{text-align: center;
    padding: 40px;
    background-color: var(--hellhellgelb);
    border-radius: 8px;
    margin-bottom: 30px;}
.erfahrung-cta p{font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;}
.erfahrung-modal-overlay{display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999999999;
    justify-content: center;
    align-items: flex-start;
    padding: 40px 20px;
    overflow-y: auto;}
.erfahrung-modal-overlay.active{display: flex;}
.erfahrung-modal{background: #fff;
    border-radius: 12px;
    padding: 40px;
    max-width: 650px;
    width: 100%;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    animation: modalFadeIn 0.3s ease;}
@keyframes modalFadeIn{from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }}
.erfahrung-modal-close{position: absolute;
    top: 15px;
    right: 20px;
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #999;
    line-height: 1;}
.erfahrung-modal-close:hover{color: #333;}
.erfahrung-modal h2{color: var(--rot);
    margin-bottom: 5px;
    font-size: 26px;}
.modal-subtitle{color: var(--text-color-light);
    font-size: 15px;
    margin-bottom: 25px;}
.erfahrung-modal .checkbox-label{display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #555;
    cursor: pointer;
    line-height: 1.5;
    position: relative;
    padding-left: 0;}
.erfahrung-modal .checkbox-label input[type="checkbox"]{position: relative !important;
    opacity: 1 !important;
    margin-top: 3px;
    width: 18px;
    height: 18px;
    min-width: 18px;
    accent-color: var(--rot);
    cursor: pointer;
    flex-shrink: 0;}
.erfahrung-modal .checkbox-label a{color: var(--rot);
    text-decoration: underline;}
.bestaetigung-box{text-align: center;
    max-width: 500px;
    padding: 50px 30px;}
.bestaetigung-icon{font-size: 60px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-weight: bold;}
.bestaetigung-icon.success{background-color: #e6f9f0;
    color: #1a7a4c;}
.bestaetigung-icon.error{background-color: #fde8e8;
    color: #c53030;}
.bestaetigung-box h2{margin-bottom: 10px;}
.bestaetigung-box p{margin-bottom: 10px;
    color: var(--text-color-light);}
.bestaetigung-box .btn{margin-top: 20px;
    display: inline-block;}
@media (max-width: 767px){.erfahrungen-header{flex-direction: column;
        align-items: stretch;
        text-align: center;}.erfahrung-card-inner{padding: 18px 20px;}.erfahrung-content-row{flex-direction: column;
        gap: 12px;}.erfahrung-thumb{width: 100%;
        height: 180px;}.erfahrung-share-btn{width: 36px;
        height: 36px;}.erfahrung-modal{padding: 25px 20px;
        margin: 10px;}.erfahrung-detail-text{font-size: 16px;}.erfahrung-cta{padding: 25px 15px;}}