/*  */
/* 
*/
.testimonial h1 {
    color: var(--color_white, #fff);
}
.testimonial.black h1 {
    color: var(--color_black, #000);
}

div[selectorid="4212"] {
    margin-top: 7rem !important;
}
div[selectorid="4212"],div[selectorid="4214"],div[selectorid="4235"],div[selectorid="4383"],div[selectorid="4380"] {
    background-color: var(--color_brand_primary, #00876c);
    color: #fff;
    padding: 1rem 1.5rem;
}
div[selectorid="4212"] .text ul>li:before,div[selectorid="4214"] .text ul>li:before,div[selectorid="4235"] .text ul>li:before,div[selectorid="4383"] .text ul>li:before,div[selectorid="4380"] .text ul>li:before {
    background-color: #fff !important;
}
div[selectorid="4212"] h2,div[selectorid="4214"] h2,div[selectorid="4235"] h2,div[selectorid="4383"] h2,div[selectorid="4380"] h2 {
    color: #fff;
}

div[selectorid="4105"],
div[selectorid="4097"],div[selectorid="4249"],div[selectorid="4365"],div[selectorid="4367"],div[selectorid="4366"],div[selectorid="4363"],div[selectorid="4434"],
div[selectorid="4044"],div[selectorid="4071"],div[selectorid="4070"],div[selectorid="4069"],div[selectorid="4068"],div[selectorid="4067"],div[selectorid="4066"],div[selectorid="4065"],div[selectorid="4064"],div[selectorid="4063"],div[selectorid="4062"] {
    position: relative;
    padding: 1rem 0rem;
}
div[selectorid="4105"]:before,
div[selectorid="4097"]:before,div[selectorid="4249"]:before,div[selectorid="4365"]:before,div[selectorid="4367"]:before,div[selectorid="4366"]:before,div[selectorid="4363"]:before,div[selectorid="4434"]:before,
div[selectorid="4044"]:before,div[selectorid="4071"]:before,div[selectorid="4070"]:before,div[selectorid="4069"]:before,div[selectorid="4068"]:before,div[selectorid="4067"]:before,div[selectorid="4066"]:before,div[selectorid="4065"]:before,div[selectorid="4064"]:before,div[selectorid="4063"]:before,div[selectorid="4062"]:before {
    content: "";
    background-color: #e5e5e5;
    left: -100vw;
    right: -100vw;
    position: absolute;
    z-index: -1;
    height: calc(100% + 1.875rem);
    top: -0.9375rem;
}

.buttonMEHR {
background-color:#009682;
border: none;
padding: 9px 26px;
text-align: center;
display: inline-block;
font-size: 16px;
font-weight: bold;
color: white !important;
}

.buttonMEHR a {
color: white !important;
font-weight: 900 !important;
}


.buttonMEHR:hover
{
   opacity: 0.70;
filter: alpha(opacity=70);
color: white !important;

}

.containerMEHR
{
width: 100%;
height: 50px;
text-align: center;
}

a.buttonMEHR:link
{
color: white !important;
text-decoration: none;
}
a.buttonMEHR:visited
{
color: white !important;
}
a.buttonMEHR:hover
{
color: white !important;
}
a.buttonMEHR:active
{
color: white !important;
}

.containerMEHR2
{
width: 100%;
height: 50px;
}

#containerStartseite
{
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.boxStartseite
{
margin-top: 0px;
margin-bottom: 0.5rem;
margin-left:10px;
margin-right:10px;
display:inline-block;
}
.text #containerStartseite a.box2Startseite
{
    display: inline-block;
    background-color: var(--color_brand_primary, #00876c);
    color: #fff;
    width: 200px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    height: 60px;
    font-size: 1.7rem;
    text-transform: uppercase;
    text-align: left;
    padding: 0px 0.5rem 0px;
    line-height: 3em;
}
.text #containerStartseite a.orange {
    background-color: #de9c21;
}
.boxStartseite:hover, .box2Startseite:hover
{
    opacity: 0.70;
    filter: alpha(opacity=70);
    text-decoration: none;
}


.box {
padding: 10px;
margin: 10px 0px 0px 20px;
width: 95px; height: 95px;
background: dodgerblue;
transition-property: width, background;
transition-duration: 2s;
}

.box:hover { width: 150px; background: silver; }

.boxMain
{
height: 70px;
width: 100px;
background-color: #009682;
float:left;
margin:10px;
text-align: center;
padding: 15px;
}

.boxMain:hover
{
opacity: 0.70;
filter: alpha(opacity=70);
}


#containerFamilie
{
    width: 430px;
    margin-left: auto;
    margin-right: auto;
 
}

.boxFamilie
{
margin-top: 0px;
margin-bottom: 0px;
margin-left:5px;
margin-right:5px;
float:left;
}

.boxFamilie:hover
{
   opacity: 0.70;
filter: alpha(opacity=70);
}

.boxFamilie1
{
    width: 145px;
    height: 90px;
    float: left;
    background-color: #009682;
    margin: 10px;
    color: white;
    text-align: right;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 5px;
    padding-top: 60px;
}

.boxFamilie1:hover
{
   opacity: 0.70;
filter: alpha(opacity=70);
}

.boxFamilie2
{
    width: 145px;
    height: 90px;
    float: left;
    background-color: #e5a02f;
    margin: 10px;
    color: white;
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 5px;
    padding-top: 60px;
}

.boxFamilie2:hover
{
opacity: 0.70;
filter: alpha(opacity=70);
}

.boxFamilie3
{
    width: 145px;
    height: 90px;
    float: left;
    background-color: #88143d;
    margin: 10px;
    color: white;
    text-align: right;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 5px;
    padding-top: 60px;
}

.boxFamilie3:hover
{
   opacity: 0.70;
filter: alpha(opacity=70);
}

.boxFamilie4
{
    width: 145px;
    height: 90px;
    float: left;
    background-color: #3f6ab3;
    margin: 10px;
    color: white;
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 5px;
    padding-top: 60px;
}

.boxFamilie4:hover
{
   opacity: 0.70;
filter: alpha(opacity=70);
}

a.linkFamilie
{
    color:white !important;
    text-decoration:none;
    display: block;
    width: 145px;
    height: 90px;
}

.buttonPEBA
{
margin: 10px;
float:left;
}

.buttonPEBA:hover
{
   opacity: 0.70;
filter: alpha(opacity=70);
}

#containerPflege
{
    width: 480px;
    margin-left: auto;
    margin-right: auto;
 
}

.streifenStatic
{
width: 100%;
height: 20px;
padding: 10px 2px;
color: white;
letter-spacing: 3px;
background-color: #009682;
font-size: 18px;
text-transform: uppercase;
}

.streifenGruen
{
width: 80%;
height: 20px;
padding: 10px 2px;
color: white;
letter-spacing: 3px;
background-color: #009682;
font-size: 18px;
text-transform: uppercase;
transition-property: width, background;
transition-duration: 2s;
}

.streifenGruen:hover
{
width: 100%;
background-color: #4cb5a7;
}
.service-tile .tilecontent {
    hyphens: auto;
}

.cyanText {
    color: #079EDE;
}
/*  */