:root {
  --g-color: #283593;
  --g-orange: #e54304;

}

.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}

.text-shadow-1 {
  text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25);
}

.text-shadow-2 {
  text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
}

.text-shadow-3 {
  text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25);
}

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.feature-icon-small {
  width: 3rem;
  height: 3rem;
}

.Title-1 {
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  border-bottom: solid 2px #712cf9;
  margin-bottom: 16px;
  letter-spacing: 0.04em;
  padding-bottom: 16px;
  text-transform: uppercase;
}

.Title-2 {
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  border-bottom: solid 2px #ffaf3b;
  margin-bottom: 16px;
  letter-spacing: 0.04em;
  padding-bottom: 16px;
  text-transform: uppercase;
}

.Title-3 {
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  border-bottom: solid 2px cornflowerblue;
  margin-bottom: 16px;
  letter-spacing: 0.04em;
  padding-bottom: 16px;
  text-transform: uppercase;
}

.Title-4 {
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  border-bottom: solid 2px #2962FF;
  margin-bottom: 16px;
  letter-spacing: 0.04em;
  padding-bottom: 16px;
  text-transform: uppercase;
}

.Title-5 {
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  border-bottom: solid 2px #4527A0;
  margin-bottom: 16px;
  letter-spacing: 0.04em;
  padding-bottom: 16px;
  text-transform: uppercase;
}

.Title-6 {
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  border-bottom: solid 2px #4A148C;
  margin-bottom: 16px;
  letter-spacing: 0.04em;
  padding-bottom: 16px;
  text-transform: uppercase;
}

.Text-2 {
  font-weight: 500;
  margin-left: 12px;

  letter-spacing: 0.5px;
  font-family: 'Ubuntu', sans-serif;
}

.Text-3 {
  font-weight: 500;
  margin-left: 12px;
  letter-spacing: 0.2px;
  font-family: 'Ubuntu', sans-serif;
}

.Text-1 {
  opacity: 1;
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  margin-left: 0px;
  letter-spacing: 0.5px;
}

.page-footer {
  padding: 0px;
  display: grid;
  position: fixed;
  bottom: 0;

  width: 100%;
}

.footer-container {
  display: grid;
}

.fa {
  color: coral;
  margin-right: 15px;
  ;

}

#addr,
#ipr_con {
  font-size: 14pt;
  font-weight: 500;
}

#contact>li {
  color: white;
  background: transparent;
}

#contact>span>a {
  color: white;
  text-decoration: none;
}


.Title_1_1 {
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  border-bottom: solid 0px #712cf9;
  margin-bottom: 1px;
  letter-spacing: 0.04em;
  padding-bottom: 1px;
  text-transform: uppercase;
}


body {
  min-height: 100vh;
  margin: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

header {
  min-height: 50px;
  background: lightcyan;
}

main {
  flex: 1;
}



.skill-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  font-family: 'Ubuntu', sans-serif;
}

.skill-column {
  display: flex;
  flex-direction: column;
}

.skill-title {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #444;
  
  padding-bottom: 4px;
  margin-bottom: 8px;
  letter-spacing: 0.04em;
  font-family: 'Ubuntu', sans-serif;
}

.skill-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}


/* Badges */
/* .badge {
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  color: #fff;
  transition: 0.2s;
} */

/* Farben nach Kategorie */
.badge-language    { background-color: #1f78b4; }
.skill-title-language{border-bottom: 2px solid #1f78b4;}

.badge-framework   { background-color: #505f4f; }
.skill-title-framework{border-bottom: 2px solid #505f4f;}

.badge-tool        { background-color: #6a3d9a; }
.skill-title-tool{border-bottom: 2px solid #6a3d9a;}

.badge-industrial  { background-color: #ff7f00; }
.skill-title-industrial{border-bottom: 2px solid #ff7f00;}

.badge-arch        { background-color: #5438cf; }
.skill-title-arch{border-bottom: 2px solid #5438cf;}

.badge:hover {
  transform: scale(1.05);
  opacity: 0.9;
}

/* Responsives Spaltenlayout */
@media (max-width: 992px) {
  .skill-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .skill-grid {
    grid-template-columns: 1fr;
  }

  /* .badge {
    font-size: 12px;
    padding: 5px 8px;
  } */

  .skill-title {
    font-size: 14px;
  }
}



.icon {
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

/* OrderFlow4.0 Icon (Beispiel: adaptierter Pfad-SVG als Base64) */
.icon.orderflow {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%234A148C" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 590 590"><path d="M425.661,339.076H259.036c-15.418,0-27.962-12.544-27.962-27.962s12.544-27.962,27.962-27.962h137.167c6.192,17.459,22.865,30,42.42,30c24.813,0,45-20.187,45-45c0-19.555-12.541-36.228-30-42.42V0h-152.96v131.256h122.96v94.476c-12.764,4.527-22.893,14.656-27.42,27.42H259.036c-31.96,0-57.962,26.001-57.962,57.962s26.002,57.962,57.962,57.962h166.625c15.418,0,27.962,12.543,27.962,27.962S441.079,425,425.661,425H146.096c-6.192-17.459-22.865-30-42.42-30c-24.813,0-45.001,20.187-45.001,45s20.188,45,45.001,45c19.555,0,36.228-12.542,42.42-30h279.565c31.96,0,57.962-26.001,57.962-57.962S457.621,339.076,425.661,339.076z M330.663,101.256V30h92.96v71.256H330.663zM438.623,253.152c8.271,0,15,6.729,15,15s-6.729,15-15,15s-15-6.729-15-15S430.352,253.152,438.623,253.152zM103.676,455c-8.271,0-15.001-6.729-15.001-15s6.729-15,15.001-15s15,6.729,15,15S111.947,455,103.676,455z"/></svg>');
}

/* PLC Data Fusion Icon */
.icon.plc-data-fusion {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%236200EA" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M50,16a11.9,11.9,0,0,0-4.149.74,16.992,16.992,0,0,0-33.59-.614A11.992,11.992,0,0,0,11,39.6V44a2,2,0,0,0,2,2H24v4H10v4H24v4H10v4H26a2,2,0,0,0,2-2V46h8V60a2,2,0,0,0,2,2H54V58H40V54H54V50H40V46H51a2,2,0,0,0,2-2V39.6A11.992,11.992,0,0,0,50,16Z"/></svg>');
}

/* OEE Insight Icon */
.icon.oee-insight {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%231B5E20" xmlns="http://www.w3.org/2000/svg" viewBox="5 5 16 16"><path d="M5.5 5V19.5H20M8.5 18V13M11.5 18V9M14.5 18V11M17.5 18V7" stroke="%231B5E20" stroke-width="2.2"/></svg>');
}

/* RecipeLab Icon */
.icon.recipelab {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230000d6" xmlns="http://www.w3.org/2000/svg" viewBox="2 2 16 20"><path d="M0,0h24v24H0V0z" fill="none"/><g><path d="M19.5,3.5L18,2l-1.5,1.5L15,2l-1.5,1.5L12,2l-1.5,1.5L9,2L7.5,3.5L6,2v14H3v3c0,1.66,1.34,3,3,3h12c1.66,0,3-1.34,3-3V2L19.5,3.5zM15,20H6c-0.55,0-1-0.45-1-1v-1h10V20zM19,19c0,0.55-0.45,1-1,1s-1-0.45-1-1v-3H8V5h11V19z"/><rect height="2" width="6" x="9" y="7"/><rect height="2" width="2" x="16" y="7"/><rect height="2" width="6" x="9" y="10"/><rect height="2" width="2" x="16" y="10"/></g></svg>');
}

.feature-box {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem;
  border: 1px solid #eee;
  border-radius: 12px;
  background-color: #fafafa;
  height: 100%;
}

.feature-icon svg {
  width: 48px;
  height: 48px;
}

.feature-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
}
.bg-purple {
  background-color: #4d0fb9;
}
.bg-indigo {
  background-color: #5300e8;
}
.bg-orange {
  background-color: #e54304;
}
.bg-deep-purple {
  background-color: #4A148C;
}