/*  Das Wichtigste auf einen Blick: + image block */
.row.heading-text {
    margin-top:40px;
    margin-bottom: 40px;
}

.heading-text .heading-text{
    padding:0;
}

.heading-text-image .heading-text .heading{
    font-family: "DIN2014";
    align-self: center;
    line-height: 110%;
}

.heading-text-image .heading-text .text {
    font-size: 18px;
    line-height: 140%;
}

.heading-text-image .heading-text .text ul {
    margin-bottom: 0;
}

.heading-text-image .heading-text {
    display:flex;
    padding:30px;
    flex-direction: column;
    gap:20px;
    border-radius: 20px 20px 0 20px;
    justify-content: center;
} 

.heading-text-image .image {
    display: flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 20px 20px 20px 0;
}

.heading-text-image .image .image-inner {
    border-radius: 20px 20px 20px 0;
    position: absolute;
    top:0;
    left:40px;
    width:100%;
    height:auto;
}



/* mitarbeiter block */
.mitarbeiter-item {
    border-radius: 20px 20px 20px 0;
    background-color: #FFFFFF;
    padding-left: 0;
    padding-right: 0;
}

.mitarbeiter-item .mitarbeiter-item-inner:nth-of-type(2){
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap:20px;
    margin:30px 0 30px 0;
}

.mitarbeiter-item .mitarbeiter-item-inner .mitarbeiter-position{
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.mitarbeiter-item .mitarbeiter-item-inner .mitarbeiter-image img{
    border-radius: 20px 20px 20px 0;
}

.mitarbeiter-item .mitarbeiter-item-inner .mitarbeiter-name{
    font-family: "DIN2014";
    font-weight: 700;
    font-size: 22px;
    margin:0;
}

.mitarbeiter-item .mitarbeiter-item-inner .contact-row > * {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px;
}   

.mitarbeiter-item .mitarbeiter-item-inner .contact-row > * > i{
    color: var( --e-global-color-34e4459 );
    font-size: 24px;
}

.mitarbeiter-item .mitarbeiter-item-inner .contact-row > * > a {
    text-decoration: underline;
    color: var(--e-global-color-3f16212);
    font-size: 18px;
}

.mitarbeiter-item .mitarbeiter-item-inner .contact-row {
    gap: 15px 0;
    width: 100%;
}

/* Warum mobile Stromversorgung unverzichtbar ist + text - block */
.elementor-shortcode .heading-text .heading {
    font-family: "DIN2014";
    font-size:28px;
}



/* Was macht eine gute mobile Stromversorgung aus? +text - block */
.row.heading-multiple-texts-down{
    margin-top:40px;
    margin-bottom: 40px;
}

.heading-multiple-texts .heading-multiple-texts-cont{
    background-color: #FFFFFF;
    border-radius: 20px 20px 0 20px;
    padding:45px;
}

.heading-multiple-texts .heading-multiple-texts-cont .heading {
    font-family: "DIN2014";
    font-size: 28px;
}

.heading-multiple-texts .heading-multiple-texts-cont .text p{
    padding-top:5px;
    font-size:18px;
}

.heading-multiple-texts .heading-multiple-texts-cont .multiple-texts .multiple-text-inner{
    padding:0 15px 0 15px;
}

.heading-multiple-texts .heading-multiple-texts-cont .multiple-texts .multiple-text-inner .multiple-text p{
font-size:18px;
}

.heading-multiple-texts .heading-multiple-texts-cont .multiple-texts .multiple-heading {
    font-family: "DIN2014";
    font-size: 22px;
    margin-bottom: 0;
}



/* Bereiche, die mobile Stromversorgung benötigen */
.heading-text .heading-text .text p{
    font-size:18px;
}




.gallery{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 35px;         
}

.gallery .gallery-item{
    padding: 0;
}

.gallery .gallery-item img{
    min-width: 210px !important;
    height: 210px !important;  
    object-fit: cover;
    border-radius: 10px 10px 0 10px;
}


/* Der Energy.Case von B&W – Mobile Stromversorgung in der Praxis + 1-4 */
.heading-multiple-texts-down h2 {
    font-family: "DIN2014";
    font-size: 28px;
}

.heading-multiple-texts-down .heading-multiple-texts-down-cont{
    padding: 0;
}

.heading-multiple-texts-down .heading-multiple-texts-down-cont .multiple-texts .multiple-text-inner .multiple-heading{
    font-family: "DIN2014";
    font-size: 22px;
    margin-bottom: 0;
}

.heading-multiple-texts-down .heading-multiple-texts-down-cont .multiple-texts .multiple-text-inner .multiple-text p {
    font-size:18px;
}

/* Die Vorteile des Energy.Case auf einen Blick: */
.row .title-icons {
    margin-left: 0;
    margin-right: 0;
}

.title-icons .title-icons-cont{
    background-color: #FFFFFF;
    border-radius: 20px 20px 0 20px;

}

.title-icons .title-icons-cont .heading{
    font-family: "DIN2014";
    font-size: 28px;
    text-align: center;
    margin-top:50px;
}


.title-icons > .title-icons-cont > .title-icons{
    justify-content: space-evenly;
    padding:30px 40px 50px 40px;
}

.title-icons .title-icons-cont .title-icons .title-icon-inner{
    padding:0 15px 0 15px;
}

.title-icons .title-icons-cont .title-icons .title-icon-inner .title-icon-heading {
    font-family: "DIN2014";
    font-size: 22px;
    text-align: center;
}

.title-icons .title-icons-cont .title-icons .title-icon-inner .titel-icon {
    text-align: center;
}

.title-icons .title-icons-cont .title-icons .title-icon-inner .titel-icon i {
    font-size: 35px;
}

.title-icons .title-icons-cont .title-icons .title-icon-inner .title-icon-text{
    font-size: 18px; 
    text-align: center;
}


/* Entdecke unsere energy.cases + posts */
.row.blog-product{
    border-radius: 20px 20px 0 20px;
}

.blog-product .blog-product-cont{
    display: flex;
    flex-direction: column;
}

.blog-product .blog-product-cont .heading {
    font-family: "DIN2014";
    font-size: 18px;
    margin-top: 30px;
    padding:0 10px 0 10px;
}

.blog-product .blog-product-cont .blog-blogs-inner{
    margin:30px 0 30px 0;
}

.blog-product .blog-product-cont .blog-blogs-inner .blog-blogs-item{
    padding:5px;
}

.blog-product .blog-product-cont .blog-blogs-inner .blog-blogs-item .row.blog-blogs-item-inner{
margin:5px;
height: 100%;
}

.blog-blogs-item-image{
    padding:10px 15px 10px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-blogs-item-image .blog-blogs-image .img{
    border-radius: 5px;
}


.blog-product .blog-product-cont .blog-blogs-inner .blog-blogs-item .blog-blogs-item-inner .blog-blogs-item-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap:10px;
    padding:20px 15px 20px 15px;
}

.blog-product .blog-product-cont .blog-blogs-inner .blog-blogs-item-inner .blog-blogs-item-text a.link-blog-blogs.link-styling{
    padding:15px 30px 15px 30px;
    border-radius: 5px;
    align-self: center;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}

.blog-product .blog-product-cont a.link-blog-product.link-styling
{
    align-self: start;
    padding: 15px 55px 15px 55px;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom:30px;
    margin-top: 30px;
}

.blog-product .blog-product-cont .blog-blogs-inner .blog-blogs-item-inner .blog-blogs-item-text .blog-blogs-title{
    font-family: "DIN2014";
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}

.blog-product .blog-product-cont .blog-blogs-inner .blog-blogs-item-inner .blog-blogs-item-text .blog-blogs-text p{
    margin-bottom:0;
}

.blog-product .blog-product-cont .blog-blogs-inner .blog-blogs-item-inner .blog-blogs-item-text .blog-blogs-farben{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 5px;
    flex-wrap: wrap;
}

.blog-product .blog-product-cont .blog-blogs-inner .blog-blogs-item-inner .blog-blogs-item-text .blog-blogs-farben .blog-blogs-farbe{
    width: 20px;
  height: 20px;
  border-radius: 5px;
}