.kachelblock {
    overflow: hidden;
    background: var(--brand-primary-color);
    color: #fff;
}

.kachelblock.cta-block::after{display: none;}


.kachelblock .headline{
    text-align: center;
    margin-bottom: 1rem;
}

.kachelblock .topline{
    margin: 0 auto 0.5rem;
}

.kachelblock .text{
    color:var(--brand-primary-color);
    text-align:center;
    margin-bottom:35px;
}

.kachelblock .kachel {
    min-height: 250px;
    padding: 30px 24px;
    border: 1px solid #d9e3e8;
    border-radius: 10px;
    background: #fff;                                                    
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
    position:relative;
}
.kachelblock .kachel.mitbild{
    padding:0;
}
.kachelblock .kachel .mitbild_inhalt{
    padding:20px;
}
.kachelblock .kachel:hover {
    border-color: var(--brand-accent-color);
}

.kachelblock .kachel.highlight{
    background: var(--brand-primary-color);
}
.kachelblock .kachel.highlight *{
    color:#fff;
}

.kachelblock .kachel-icon {
    margin-bottom: 18px;
}

.kachelblock .mitbild .kachel-icon{margin:0;height:175px;}
.kachelblock .mitbild .kachel-icon img{border-top-left-radius: 10px;border-top-right-radius: 10px;object-fit:cover;width:100%;height:100%;}

.kachelblock .kachel-icon-img {
    display: block;
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.kachelblock .kachel-topline {
    color: var(--brand-primary-color);
    background:var(--brand-accent-color);
    font-size: 100%;
    line-height: 1;
    padding:5px 20px;
    border-radius:15px;
    display: block;
    width: max-content;
}
.kachelblock .kachel-topline.withimage {
    position: absolute;
    top:15px;
    left:15px;
}


.kachelblock .kachel-headline {
    margin:10px 0;
    color: var(--brand-primary-color);
    font-weight: 700;
    line-height: 1.35;
}

.kachelblock .kachel-inhalt {
    color: #143846;
    font-size: 100%;
    line-height: 1.45;
}

.kachelblock .kachel-inhalt p {
    margin: 0;
}


.kachelblock .kachel .btn{
    margin-top:25px;
}

.kachelblock .row {
    row-gap: 24px;
    align-items:center;
}


#stromtarif.kachelblock {
    background: var(--brand-primary-color)!important;
    color: #fff;
}
#stromtarif.kachelblock .headline{
    color:#fff;
}

.bigKachel{margin-top:25px;}
.bigKachel .kachel{display:flex;}
.bigKachel .kachel .iconwrapper{align-content:center;margin-right:15px;}
.bigKachel .kachel .iconwrapper img{width:100px;}
.bigKachel .kachel .kachelwrapper{width:60%;margin-right:10%;padding:25px 0;}
.bigKachel .kachel .button{text-align:center;align-content:center;width:30%;}


#ausstattung{background-color:#f4f7f9!important;}
#ausstattung .aus-item{display:flex;align-items:center;gap:9px;font-size:100%;color:var(--brand-primary-color);}
#ausstattung .highlight .aus-item{color:#fff;opacity:1;}
#ausstattung .aus-item.inc::before{content:'✓';font-size:100%;font-weight:900;color:var(--brand-accent-color);flex-shrink:0;width:14px;}
#ausstattung .highlight .aus-item.inc::before{color:var(--lime);}
#ausstattung .aus-item.no{opacity:0.5;}
#ausstattung .highlight .aus-item.no{color:#fff;opacity:0.5;}
#ausstattung .aus-item.no::before{content:'–';font-size:100%;font-weight:900;flex-shrink:0;width:14px;}

.zahlenwrapper{align-content:center;}
.zahlenwrapper .dv-big{text-align:center;flex-shrink:0;background:rgba(164,198,20,.1);border:1px solid rgba(164,198,20,.25);border-radius:16px;padding:24px 32px;}
.zahlenwrapper .dv-big-num{font-size:250%;font-weight:900;color:var(--brand-accent-color);line-height:1;}
.zahlenwrapper .dv-big-label{font-size:90%;color:rgba(255,255,255,.4);margin-top:4px;font-weight:600;}

#besonders{background:rgba(47, 71, 92, 1)!important;margin-top:-2.5rem!important;padding-top:5rem!important;}
#besonders .col-lg-3{width:50%;}
#besonders .headline{color:#fff;margin-bottom:50px;}
#besonders .bigKachel{display:none;}
/* #besonders .kachel{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
#besonders .kachel .kachel-headline{color:#fff;font-size:150%;}
#besonders .kachel .kachel-inhalt{color:#fff} */
#besonders .kachel .kachel-icon-img{width:50px;height:50px;}

.bigKachel .kachel{padding:0;min-height:auto;}
.bigKachel .kachel .imagewrapper{max-width:250px;margin-right:35px;}
.bigKachel .kachel .imagewrapper img{border-top-left-radius:10px;border-bottom-left-radius:10px;width:100%;height:100%;object-fit:cover;}
.bigKachel .kachel .innerkachelwrapper .item{display:flex;gap:15px;background: rgba(255,255,255,.04);border: 1px solid rgba(255,255,255,.07);border-radius:15px;margin-bottom:15px;padding:10px;}
.bigKachel .kachel .innerkachelwrapper .item:last-child{margin-bottom:0;}
.bigKachel .kachel .innerkachelwrapper .item .icon img{display:inline-block;width:50px;margin-top:5px;}
.bigKachel .kachel .innerkachelwrapper .item .content .headline{display:block;font-weight:700;text-align:left;margin:0;}


#versus .kachel-content .kachel{
    padding:30px 75px;
    margin-top:50px;
}
#versus .kachel-content .bigKachel .kachel{
    margin-top:0;
}
#versus .kachel-content .row:after{
    content:'vs';
    position: absolute;
    left:50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-color: var(--brand-accent-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    font-weight: 600;
    align-content: center;
    padding-bottom: 5px;
    font-size: 150%;
    box-shadow: 0 5px 9px #0002;
    z-index: 9;
}
#versus .kachel-content .row.bigKachel:after{
    display:none;
}
#versus .bigKachel .kachel .kachelwrapper .kachel-headline{font-size:250%;line-height:1;}


@media (max-width: 767px) {
  .bigKachel .kachel{display:block;}
  .bigKachel .kachel .imagewrapper{max-width:100%;height:175px;margin-right:0;}
  .bigKachel .kachel .imagewrapper img{width:100%;height:100%;object-fit:cover;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0;}
  .bigKachel .kachel .kachelwrapper{width:100%;padding:15px;}
  .bigKachel .kachel .button{width:100%;padding:0 15px 15px;text-align:left;}

  #besonders .kachel .kachel-headline{font-size:115%;}
}

@media(max-width:575px){
    .kachelblock .headline,
    .kachelblock .text{
        text-align:center;
    }
    #besonders .col-lg-3{
        width:100%;
    }
    .bigKachel .kachel .button{
        text-align:left;
    }
}