.basiccontentblock .basic {
   grid-column: 2 / 12;
}
.about a{
    color: #00074F;
    text-decoration: underline;
}
.image-hero{
    padding-bottom: 4vw;
}
.basiccontentblock.about .basic {
    /* margin: 0 auto; */
    display: block;
    /* padding: 0 4vw; */
}
.block.basiccontentblock .image + .description {
    margin-top: 1em;
}
.basiccontentblock .title h2 {
    margin-top: 0;
    color: var(--brand-color);
}

.basiccontentblock.wwl-headline-banner .title h2 {
    color: #fff
}

.basiccontentblock.about h1, .basiccontentblock.about h2{
    border-bottom: 1px solid #00074F;
}

.basiccontentblock.border {
    border: 1px solid var(--border);
    padding: 1.5rem;
}
.basiccontentblock.bg-color .basic {
	padding: 2em 0;
}
    .bg-color .basiccontentblock.border,
    .basiccontentblock.border.bg-color {
        border: 1px solid var(--brand-color)
    }
.basiccontentblock.bg-color.brand .basic {
    color: var(--lightest);
	padding: 2em 0;
}
    .bg-color.brand .basiccontentblock.border,
    .basiccontentblock.border.bg-color.brand {
        border: 1px solid var(--lightest)
    }
    
.basiccontentblock.bg-color.darkest .basic {
    color: var(--lightest);
	padding: 2em 0;
}
    .bg-color.darkest .basiccontentblock.border,
    .basiccontentblock.border.bg-color.darkest {
        border: 1px solid var(--border)
    }

.basiccontentblock.bg-color.accent1 .basic {
    color: var(--lightest);
	padding: 2em 0;
}
    .bg-color.accent1 .basiccontentblock.border,
    .basiccontentblock.border.bg-color.accent1 {
        border: 1px solid var(--border)
    }

.basiccontentblock.bg-color.brand .basic *,
.basiccontentblock.bg-color.darkest .basic * {
    color: var(--lightest);
}
 
.basiccontentblock.button-right .basic,
.basiccontentblock.button-left .basic {
    display: grid;
    grid-template-columns: subgrid;
}

.basiccontentblock.button-right .basic > * {
   grid-column: 1 / 7;
   align-items: center;
}
.basiccontentblock.button-left .basic > * {
   grid-column: 5 / 11;
   align-items: center;
}

.basiccontentblock .basic .button {
   grid-row: 2 / last-line;
   align-self: start;
   justify-self: center;
}
.basiccontentblock.button-right .basic .button {
   grid-column: 7 / 11;
}
.basiccontentblock.button-left .basic .button {
   grid-column: 1 / 6;
}

.basiccontentblock .basic .button a.bttn {
    margin: 0 0 1em 0;
    font-size: 18px;
}


@media (max-width: 1250px) {

    .basiccontentblock.button-right .basic .button {
        align-self: start;
    }
    
    .basiccontentblock.button-left .basic .button {
        align-self: start;     
    }

    .basiccontentblock.bg-color .basic {
        padding: 3em 0;
    }

    .basiccontentblock.button-left .basic {
        padding-left: 0;
    }
    .basiccontentblock.button-right .basic {
        padding-right: 0;
    }
}

@media (max-width: 1000px) {
	
    .basiccontentblock .title h2 {
       font-size: 34px;
    }

    .basiccontentblock .description p {
        font-size: 14px;
    }

    .basiccontentblock.bg-color .basic {
        padding: 2.5em 0;
    }

    .basiccontentblock.button-right .basic {
        padding-right: 0;
    }
    .basiccontentblock.button-left .basic {
        padding-left: 0;
    }

    .basiccontentblock.button-left .basic .button a.bttn,
    .basiccontentblock.button-right .basic .button a.bttn {
        font-size: 16px;
     }
}


@media (max-width: 817px) {
	
    .basiccontentblock .title h2 {
       font-size: 32px;
    }

    .basiccontentblock .description p {
        font-size: 14px;
    }

    .basiccontentblock.bg-color .basic {
        padding: 2.5em 0;
    }

    .basiccontentblock.button-left .basic,
    .basiccontentblock.button-right .basic {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
    }

    .basiccontentblock.button-left .basic .title,
    .basiccontentblock.button-right .basic .title {
        grid-row: 1 / 1;
        align-items: center;
        text-align: center;
     }

     .basiccontentblock.button-left .basic .description
     .basiccontentblock.button-right .basic .description {
        grid-row: 2 / 2;
        align-items: center;
     }

     .basiccontentblock.button-left .basic .button {
        grid-column: 1 / 1;
        grid-row: 3 / 3;
        align-self: center;
        justify-self: center;
     
     }
     .basiccontentblock.button-right .basic .button {
        grid-column: 1 / 1;
        grid-row: 3 / 3;
        align-self: center;
        justify-self: center;
     
     }

     .basiccontentblock.button-left .basic .button a.bttn,
     .basiccontentblock.button-right .basic .button a.bttn {
        margin: 1.5em;
        font-size: 16px;
     }


}

@media (max-width: 676px) {
	
    .basiccontentblock .title h2 {
       font-size: 30px;
    }

    .basiccontentblock .description p {
        font-size: 14px;
    }

    .basiccontentblock.bg-color .basic {
        padding: 2em;
    }

     .basiccontentblock.button-left .basic .button a.bttn,
     .basiccontentblock.button-right .basic .button a.bttn {
        font-size: 14px;
     }

}

@media (max-width: 400px) {
     .basiccontentblock.button-left .basic,
     .basiccontentblock.button-right .basic {
        padding: 1em;
    }

}