@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap');

:root{
  --green:#06466f;
  --orange:#f8aa00;
  --cream:#f4f9f8;
  --line:#d7e6e6;
  --ink:#173f52;
  --wiitblick-green:#50a52d;
  --wiitblick-teal:#008b93;
  --wiitblick-blue:#06466f;
}

body{background:#fff;color:var(--ink)}
header{border-bottom:0!important}
.navlinks a{color:var(--wiitblick-blue)}
.navlinks .orange{background:linear-gradient(135deg,#f6a400,#ffc432)}
.phone{color:var(--wiitblick-blue)!important}

.hero h1,
.about h2,
.services h2,
.about-details-section h2,
.about-details-grid h3,
.about-details-section .team-heading h3,
.about-details-section .team-card h4,
.services .service-card h3,
.care-employment h2,
.care-employment h3,
.values h2,
.values-grid h3,
.location-details address strong,
footer p{color:var(--wiitblick-blue)}

.hero h1,
.about h2,
.services h2,
.contact h2,
.about-details-section h2,
.about-details-grid h3,
.about-details-section .team-heading h3,
.about-details-section .team-card h4,
.services .service-card h3,
.care-employment h2,
.care-employment h3,
.values h2,
.values-grid h3,
.location-details address strong,
.benefits b,
footer p{
  font-family:"Nunito","Segoe UI",Arial,sans-serif!important;
  font-weight:700!important;
}

.hero h1{
  font-weight:800!important;
  letter-spacing:-.035em;
}

.green,
.about-details-cta,
.service-cta,
.back-to-top{background:var(--wiitblick-blue)}
.green:hover,
.about-details-cta:hover,
.service-cta:hover,
.back-to-top:hover{background:#033653}
.outline{border-color:#b7d3d6;color:var(--wiitblick-blue)}

.benefits i{color:var(--wiitblick-green)}
.benefits b{color:var(--wiitblick-blue)}
.about{background:linear-gradient(105deg,#f2faf8 0%,#edf7f6 100%)!important}
.about blockquote span{color:var(--wiitblick-teal)}

.kicker{color:#4e7b89}
.about-details-section{border-color:#dbe9e8;background:#fff}
.about-details-grid{border-color:#dbe9e8}
.about-details-grid article{border-color:#dbe9e8}
.about-details-grid p,
.team-heading>p:not(.kicker),
.team-card p,
.services-intro,
.services .service-card p,
.care-employment-intro>p:not(.kicker),
.values-heading>p:not(.kicker),
.values-grid p{color:#45636c}
.team-card{border-color:#d8e8e6;background:#f2f9f8}
.team-card .team-role{color:#087f87}

.services{background:#edf7f6}
.services .service-card{border-color:rgba(6,70,111,.11)}
.services .service-card-care{background:#fff8e8}
.services .service-card .service-lead,
.care-employment-intro .care-employment-lead{color:#173f52}
.service-number,
.care-process li>span,
.location-pin,
#kontaktformular button{background:linear-gradient(135deg,#f6a400,#ffc432)}
.services .service-card li,
.care-employment-columns li{color:#3f5f68}
.services .service-card li::before,
.care-employment-columns li::before{background:var(--wiitblick-green)}

.care-employment{background:#f2f8f7}
.care-employment-columns{border-color:#d7e7e5}
.care-employment-columns article+article{border-color:#d7e7e5}
.care-process,
.contact{background:linear-gradient(135deg,#043f66 0%,#006b82 100%)}
.care-process li p,
.contact-copy>p:not(.kicker){color:#dceef1}
.care-employment-cta{border:1px solid #dce9e8}
.care-employment-cta a{background:linear-gradient(135deg,#f6a400,#ffc432)}

.values{background:#edf7f5}
.values-grid{border-color:#d2e5e2;background:rgba(255,255,255,.9);box-shadow:0 12px 34px rgba(0,81,111,.07)}
.values-grid article,
.values-grid article:nth-child(2),
.values-grid article:nth-child(5){border-color:#d7e7e5;background:rgba(255,255,255,.78)}
.values-grid article:nth-child(2),
.values-grid article:nth-child(5){background:#f0f9f7}
.values-grid span{background:var(--wiitblick-green)}

.location-card{border-color:rgba(255,255,255,.28);color:var(--ink);box-shadow:0 16px 38px rgba(0,36,58,.24)}
.contact-copy .location-label{color:#4e7b89!important}
.location-details address{color:#365762}
.contact-copy .location-route{color:var(--wiitblick-blue)}
.location-map{border-color:#dbe9e8;background:#edf7f6}
#kontaktformular{box-shadow:0 18px 45px rgba(0,36,58,.25)}
#kontaktformular input,
#kontaktformular select,
#kontaktformular textarea{border-color:#cadfde;background:#f8fbfb}
#kontaktformular .consent,
.form-note{color:#5d7379}

@media(max-width:1050px){
  .navlinks{border:1px solid #dce9e8}
}