.bg-ab-blue { background-color: #393185; }
.text-ab-blue { color: #393185; }
.bg-ab-red { background-color: #c62223; }
.text-ab-red { color: #c62223; }
.border-ab-blue { border-color: #393185; }
.border-ab-red { border-color: #c62223; }

html { scroll-behavior: smooth; }

main a { color: #c62223; text-decoration: underline; }
main a:hover,
main a:focus { text-decoration: none; }
.btn { text-decoration: none; }
.grid .bg-white a { text-decoration: none; }
.bg-white .btn { color: white; }

header > div.relative .text-ab-blue,
header > div.relative .text-ab-red {
  text-shadow: 1px 1px 0px #fff;
}

/* Zusätzliches Styling */
.service-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(57, 49, 133, 0.1), 0 10px 10px -5px rgba(57, 49, 133, 0.04);
}
.navi-items a:hover,
.navi-items a:focus { color: #c62223; }

/* Sanfter Übergang für das Über-Uns-Segment */
.shape-divider {
    shape-outside: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    /*clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);*/
    clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
}

/* Animation für den Hamburger */
#mobile-menu {
    transition: all 0.3s ease-in-out;
    transform: translateX(100%);
}
#mobile-menu.open {
    transform: translateX(0);
}

/* textelement versteckt, um kontakt-mailto-link im html für spamschutz zu nutzen)*/
#c3 {
  display: none;
  visibility: hidden;
}