@charset "utf-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}
body {
    background-color: #F8F9FA;
	background: rgb(248,249,250);
background: radial-gradient(circle, rgba(248,249,250,1) 0%, rgba(224,227,231,1) 52%, rgba(248,249,250,1) 100%);
	color: #2A2525;
}
.offene-stellen a {
	color: #2A2525;
	text-decoration: none;
}
.offene-stellen a:hover {
	color: rgb(6,88,161);
	text-decoration: none;
}

.anchor {
    display: block;
    height: 120px; /* Höhe des Headers */
    margin-top: -120px;
    visibility: hidden;
}
:target {
    scroll-margin-top: 120px; /* Passe die Höhe an die deines Headers an */
}
.nav-link{
	font-size: 120% !important;
	font-weight: bold;
}
.nav-link:hover {
	border-bottom: medium solid rgb(6,88,161);
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 25px;
        padding-left: 25px;
    }
}
.top-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
	background: rgb(6,88,161);
background: radial-gradient(circle, rgba(6,88,161,1) 0%, rgba(6,88,161,0.2665441176470589) 100%);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
		margin-bottom: 2rem;
      }

.bg-headerbild {
	background-image: url("../images/AI-Header_2.jpg");
	background-position:left;
	background-size: cover;
}
.bg-headerbild-produkte {
	background-image: url("../images/produkte_3.jpg");
	background-position:left;
	background-size: cover;
}
.bg-headerbild-team {
	background-image: url("../images/team_1.jpg");
	background-position:left;
	background-size: cover;
}
.bg-headerbild-kontakt {
	background-image: url("../images/kontakt_1.jpg");
	background-position:left;
	background-size: cover;
}

.bg-body-tertiary {
    
    background-color: rgba(255,255,255,0.01) !important;
	
}

.bg-helltransparent {
    
    background-color: rgba(248, 249, 250,0.1) !important;
	border: 1px rgba(248, 249, 250,0.3) solid;
	border-radius: 10px;
}

.bg-dunkeltransparent {
    
    background-color: rgba(0, 0, 0,0.01) !important;
	border: 0px rgba(0, 0, 0,0.01) solid;
	border-radius: 10px;
}

@media (max-width: 991px){
	.bg-helltransparent {

		background-color: rgba(248, 249, 250,0.8) !important;
		border: 1px rgba(248, 249, 250,0.3) solid;
		border-radius: 10px;
	}
	.bg-dunkeltransparent {
    
    background-color: rgba(0, 0, 0,0.6) !important;
	border: 0px rgba(0, 0, 0,0.3) solid;
	border-radius: 10px;
}
}
.verlauf-bg {
	background: rgb(6,88,161);
background: -webkit-linear-gradient(left, rgba(6,88,161,1) 0%, rgba(227,112,10,1) 100%);
background: -o-linear-gradient(left, rgba(6,88,161,1) 0%, rgba(227,112,10,1) 100%);
background: linear-gradient(to right, rgba(6,88,161,1) 0%, rgba(227,112,10,1) 100%);
	border: 0;
}


.verlauf-border {
	background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 8px, transparent 8px) 0% 0%/10px 10px no-repeat,
            radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 8px, transparent 8px) 100% 0%/10px 10px no-repeat,
            radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 8px, transparent 8px) 0% 100%/10px 10px no-repeat,
            radial-gradient(circle at 0 0, #ffffff 0, #ffffff 8px, transparent 8px) 100% 100%/10px 10px no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 20px) no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 20px) calc(100% - 4px) no-repeat,
            linear-gradient(90deg, #0658a1 0%, #e3700a 100%);
border-radius: 10px;
padding: 12px;
box-sizing: border-box;
}


.verlauf-nur-blau {
	background: rgb(6,88,161);
background: radial-gradient(circle, rgba(6,88,161,1) 0%, rgba(6,88,161,0.2665441176470589) 100%);
}

.verlauf-nur-blau2 {
	background: rgb(6,88,161);
background: linear-gradient(90deg, rgba(6,88,161,1) 0%, rgba(6,88,161,0.6418942577030813) 52%, rgba(6,88,161,1) 100%);
}


.verlauf-nur-orange {
background: rgb(227,112,10);
background: radial-gradient(circle, rgba(227,112,10,0.38139005602240894) 0%, rgba(227,112,10,1) 100%);
}

.verlauf-nur-weiss {
	background: rgb(248,249,250);
background: radial-gradient(circle, rgba(248,249,250,1) 0%, rgba(224,227,231,1) 52%, rgba(248,249,250,1) 100%);
}
.verlauf-nur-weiss-hover-border {
	background: rgb(248,249,250);
/*background: radial-gradient(circle, rgba(248,249,250,1) 0%, rgba(224,227,231,1) 52%, rgba(248,249,250,1) 100%);*/
}
.verlauf-nur-weiss-hover-border:hover {
	background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 8px, transparent 8px) 0% 0%/10px 10px no-repeat,
            radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 8px, transparent 8px) 100% 0%/10px 10px no-repeat,
            radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 8px, transparent 8px) 0% 100%/10px 10px no-repeat,
            radial-gradient(circle at 0 0, #ffffff 0, #ffffff 8px, transparent 8px) 100% 100%/10px 10px no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 20px) no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 20px) calc(100% - 4px) no-repeat,
            linear-gradient(90deg, #0658a1 0%, #e3700a 100%);
border-radius: 10px;
/*padding: 12px;*/
box-sizing: border-box;
	    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
	padding-bottom: 2px;
	
}
.verlauf-nur-weiss-hover-border12 {
	background: rgb(248,249,250);
/*background: radial-gradient(circle, rgba(248,249,250,1) 0%, rgba(224,227,231,1) 52%, rgba(248,249,250,1) 100%);*/
}
.verlauf-nur-weiss-hover-border12:hover {
	background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 8px, transparent 8px) 0% 0%/10px 10px no-repeat,
            radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 8px, transparent 8px) 100% 0%/10px 10px no-repeat,
            radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 8px, transparent 8px) 0% 100%/10px 10px no-repeat,
            radial-gradient(circle at 0 0, #ffffff 0, #ffffff 8px, transparent 8px) 100% 100%/10px 10px no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 20px) no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 20px) calc(100% - 4px) no-repeat,
            linear-gradient(90deg, #0658a1 0%, #e3700a 100%);
border-radius: 10px;
/*padding: 12px;*/
box-sizing: border-box;
	    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
	padding-bottom: 2px;
	padding: 12px;
}

.runde-ecken {
	border: 0px rgba(0, 0, 0,0.3) solid;
	border-radius: 10px;
}

.bg-antrazit {
	background-color: #2A2525 !important;
	border: 1px solid #2A2525;
}
.bg-antrazit:hover {
	background: rgb(6,88,161);
background: -webkit-linear-gradient(left, rgba(6,88,161,1) 0%, rgba(227,112,10,1) 100%);
background: -o-linear-gradient(left, rgba(6,88,161,1) 0%, rgba(227,112,10,1) 100%);
background: linear-gradient(to right, rgba(6,88,161,1) 0%, rgba(227,112,10,1) 100%);
	border: 0;
}

.bg-verlauf-antrazit {
	background: rgb(6,88,161);
background: -webkit-linear-gradient(left, rgba(6,88,161,1) 0%, rgba(227,112,10,1) 100%);
background: -o-linear-gradient(left, rgba(6,88,161,1) 0%, rgba(227,112,10,1) 100%);
background: linear-gradient(to right, rgba(6,88,161,1) 0%, rgba(227,112,10,1) 100%);
	border: 0;
}
.bg-verlauf-antrazit:hover {
	background-color: #2A2525 !important;
	background: #2A2525 !important;
	border: 0px solid #2A2525;
}

.colorweiss {
	color:  #f8f8fa!important;
}
.border-weiss {
	border: 2px rgba(248,249,250,1) solid !important;
}
.border-weiss .card-footer {
    
    background-color: #f8f8fa!important;
    border-top: thin solid rgb(248,249,250);
}


.border-orange {
	border: 2px rgba(227,112,10,1) solid !important;
}
.border-orange:hover {
	border: 2px rgba(6,88,161,1) solid !important;
}

.border-orange .card-footer {
    
    background-color: #f8f8fa!important;
    border-top: thin solid rgb(227,112,10);
}

.border-blau {
	border: 2px rgba(6,88,161,1) solid !important;
}
.border-blau:hover {
	border: 2px rgba(227,112,10,1) solid !important;
}
.border-blau .card-footer {
    
    background-color: #f8f8fa!important;
    border-top: thin solid rgb(6,88,161);
}
.card-footer {
    
    background-color: #f8f9fa!important;
    border-top: thin solid #f8f9fa;
}

footer {
	background-color: rgba(0, 0, 0,0.8) !important;
	color:  #ffffff!important;
}

footer ul li {
	
	list-style-type: none;
}
footer ul li a {
	color: #f8f9fa!important;
	text-decoration: none;
}
footer ul li a:hover {
	color: #2A2525!important;
}

.team-member {
    transition: transform 0.3s ease-in-out;
}

.team-member:hover {
    transform: translateY(-10px);
}

.social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #f8f9fa;
    color: rgba(6,88,161,1);
    margin: 0 5px;
    transition: all 0.3s ease;
}

.social-links a:hover {
    background-color: #ffffff;
    color: white;
    transform: translateY(-3px);
}

.team-member img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
    border: 5px solid #f8f9fa;
    transition: transform 0.3s ease;
}

.team-member:hover img {
    transform: scale(1.05);
}

.section-title::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background-color: rgba(6,88,161,1);
    margin: 20px auto;
}