@charset "UTF-8";


/* -------------------------------------------

fonts

------------------------------------------- */
/* @font-face {
  font-family: "LexendDeca";
  src: url("../fonts/WOFF2/LexendDeca.woff2") format("woff2"), url("../fonts/WOFF/LexendDeca.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "LexendDecaItalic";
  src: url("../fonts/WOFF2/LexendDecaItalic.woff2") format("woff2"), url("../fonts/WOFF/Montserrat-Italic.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'LexendDeca';
  src: url('../fonts/WOFF2/LexendDeca-VariableFont_wght.woff2') format('woff2');
  font-style: normal;
} */



@font-face {
  font-family: "CayanoPro-Thin";
  src: url("fonts/WOFF2/CayanoPro-Thin.woff2") format("woff2"), url("/fonts/WOFF/CayanoPro-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
    font-family: 'Mulish';
    src: url('fonts/WOFF2/Mulish-ExtraLight.woff2') format('woff2'),
        url('fonts/WOFF/Mulish-ExtraLight.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: "Lato Hairline";
  src: url("fonts/WOFF2/Lato-Hairline.woff2") format("woff2"),
       url("fonts/WOFF/Lato-Hairline.woff") format("woff");
  font-weight: 100;      /* Hairline ist i.d.R. 100 */
  font-style: normal;
  font-display: swap;
}



/* -------------------------------------------

main

------------------------------------------- */
*,
*:before,
*:after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

*::selection {
  color: inherit;
  background-color: transparent;
}

*,
*:focus {
  outline: inherit;
}

body {
  font-family: "Mulish", sans-serif;
  color: #a6a6a6;
  font-weight: 300;
  font-size: 14px;
  /* background-color: #ECECEA; */
}

.mil-page-wrapper {
  position: relative;
  overflow: hidden;
  height: 100vh;
}

.mil-up {
  opacity: 0;
  transform: translateY(40px) scale(1.04);
}



/* -------------------------------------------

settings

------------------------------------------- */

.mil-jcc {
  display: flex;
  justify-content: center;
}

.mil-tac {
  text-align: center;
}

.mil-relative {
  position: relative;
  z-index: 1;
}

/* -------------------------------------------

spaces

------------------------------------------- */
.mil-mb10 {
  margin-bottom: 10px;
}

.mil-mb30 {
  margin-bottom: 30px;
}

.mil-mb60 {
  margin-bottom: 60px;
}

.mil-mt60 {
  margin-top: 60px;
}

.row.gutter-xl {
  --bs-gutter-x: 60px;   /* horizontal */
  --bs-gutter-y: 60px;   /* optional vertikal */
}
/* -------------------------------------------

typography

------------------------------------------- */

h3,
h5,
h6,
.mil-h1,
.mil-h2,
.mil-h3,
.mil-h4,
.mil-h5,
.mil-h6 {
  font-family: "CayanoPro-Thin", sans-serif;
  color: #fbcda3;
  font-weight: 100;
  line-height: normal;
  text-transform: lowercase;
  letter-spacing: -2%;
}

h1,
h4 {
  font-family: "CayanoPro-Thin", sans-serif;
  font-weight: 100;
  text-transform: lowercase;
  color: #a6a6a6;
  letter-spacing: -2%;
}

h2 {
  font-family: "Lato Hairline", sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  color: #a6a6a6;
  -webkit-font-smoothing: subpixel-antialiased;
  hyphens: manual;
}

h1 {
    font-size: 24px;
}

p {
  font-weight: 100;
  /* hyphens: auto; */
}
b {
  font-weight: 100;
}

a {
  text-decoration: none;
  color: inherit;
}

.signal {
  color: #fbcda3 !important;
}

.dots ul li {
  list-style: circle;
}

.mil-text-link {
  position: relative;
}
.mil-text-uppercase {
  text-transform: uppercase;
}
.mil-text-link:before {
  content: "";
  width: 0;
  height: 1px;
  background-color: #353639;
  position: absolute;
  bottom: -1px;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-text-link.mil-a1:before {
  background-color: #fbcda3;
}
.mil-text-link.mil-a2 {
  color: #fbcda3;
}
.mil-text-link.mil-a2:before {
  background-color: #fbcda3;
}
.mil-text-link:hover:before {
  width: 100%;
}

.mil-arrow-link {
  position: relative;
}
.mil-arrow-link:after {
  display: inline-block;
  margin-left: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f054";
  font-size: 12px;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-arrow-link.mil-a1:after {
  color: #fbcda3;
}
.mil-arrow-link.mil-a2 {
  color: #fbcda3;
}
.mil-arrow-link.mil-a2:after {
  color: #fbcda3;
}
.mil-arrow-link:hover:after {
  transform: translateX(5px);
}

.mil-text-xl {
  font-size: 24px;
  line-height: 160%;
}

.mil-head2 {
  font-size: 36px;
  line-height: 120%;
}

.mil-head3 {
  font-size: 24px;
  line-height: 120%;
}

.mil-head4 {
  font-size: 24px;
  line-height: 120%;
}

.mil-text-md {
  font-size: 16px;
  line-height: 160%;
}

.mil-text-lg {
  font-size: 18px;
  line-height: 160%;
}

.mil-text-mdj {
  font-size: 16px;
  line-height: 160%;
  text-align: justify;
}
.mil-text-lgj {
  font-size: 18px;
  line-height: 160%;
  text-align: justify;
}

.mil-shortened {
  width: 80%;
}
@media (max-width: 992px) {
  .mil-shortened {
    width: 100%;
  }
}

.mil-m1 {
  color: #a6a6a6;
}

.mil-m2 {
  color: #a6a6a6;
}

.mil-m2-bg {
  background-color: #a6a6a6;
}

.mil-a1 {
  color: #fbcda3;
}

.mil-a2 {
  color: #fbcda3;
}

.mil-a1-bg {
  background-color: #fbcda3;
}

.mil-a2-bg {
  background-color: #fbcda3;
}

.mil-display2 {
  font-size: calc(1rem + 6vw);
  line-height: 100%;
}
@media (min-width: 1920px) {
  .mil-display2 {
    font-size: calc(1rem + 5vw);
  }
}
@media (max-width: 1200px) {
  .mil-display2 {
    font-size: calc(1rem + 7vw);
  }
}
@media (max-width: 992px) {
  .mil-display2 {
    font-size: calc(1rem + 8vw);
  }
}
@media (max-width: 768px) {
  .mil-display2 {
    font-size: calc(1rem + 9vw);
  }
}

/* -------------------------------------------

images

------------------------------------------- */

.mil-scale-img-free{
  min-height: 100vh;          /* oder 100svh für Mobile */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;    /* vertikal zentriert */
  text-align: center;
}


/* Glow-Wrapper */
.logo-radial{
  position: relative;
  display: inline-grid;
  place-items: center;
  isolation: isolate;

  /* Stellschrauben (Desktop Default) */
  --halo: clamp(140px, 22vw, 320px);  /* großer, schwacher Bereich */
  --core: clamp(60px, 10vw, 160px);   /* kleiner, starker Bereich */
  --blur: clamp(20px, 4vw, 30px);     /* macht die Kante weich */
}

/* großer, schwacher Halo */
.logo-radial::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + (var(--halo) * 2));
  aspect-ratio: 1 / 1;      /* immer rund -> keine “Ellipse-Kante” */
  border-radius: 50%;
  background: radial-gradient(circle,
    rgba(255,255,255,0.22) 0%,
    rgba(255,255,255,0.10) 45%,
    rgba(255,255,255,0.00) 100%
  );
  filter: blur(var(--blur));
  z-index: 0;
  pointer-events: none;
}

/* kleiner, stärkerer Kern */
.logo-radial::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + (var(--core) * 2));
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: radial-gradient(circle,
    rgba(255,255,255,0.92) 0%,
    rgba(255,255,255,0.80) 32%,
    rgba(255,255,255,0.00) 100%
  );
  filter: blur(calc(var(--blur) * 0.6));
  z-index: 0;
  pointer-events: none;
}

@media (max-width: 992px){
  .logo-radial{
    --halo: clamp(220px, 70vw, 620px); /* größer */
    --core: clamp(70px, 22vw, 220px);  /* moderat */
    --blur: clamp(14px, 4vw, 30px);    /* weicher */
  }

  /* optional: Logo selbst etwas kleiner, damit mehr Luft bleibt */
  .logo-radial img{ max-width: 360px; }
}

/* Logo über dem Glow */
.logo-radial img{
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 500px;
  height: auto;
}

/* -------------------------------------------

buttons

------------------------------------------- */
.mil-btn {
  position: relative;
  border: none;
  cursor: pointer;
  border-radius: 70px;
  padding: 0 50px;
  height: 70px;
  font-family: "LexendDeca", sans-serif;
  background-color: #ECECEA;
  color: #ECECEA;
  text-transform: uppercase;
  line-height: 100%;
  font-size: 22px;
  font-weight: 200;
  letter-spacing: 1px;
  color: white;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-btn.mil-btn-border {
  background-color: transparent;
  box-shadow: 0 0 0 2px #353639;
  color: #353639;
}
.mil-btn.mil-a1 {
  background-color: #fbcda3;
}
.mil-btn.mil-a1.mil-btn-border {
  background-color: transparent;
  box-shadow: 0 0 0 2px #fbcda3;
  color: #fbcda3;
}

.mil-btn.mil-a2 {
  background-color: #fbcda3;
}
.mil-btn.mil-a2.mil-btn-border {
  background-color: transparent;
  box-shadow: 0 0 0 2px #fbcda3;
  color: #fbcda3;
}

.mil-btn.mil-m1 {
  background-color: #353639;
}
.mil-btn.mil-m1.mil-btn-border {
  background-color: transparent;
  box-shadow: 0 0 0 2px white;
  color: white;
}

.mil-stylized-btn {
  padding: 20px 0;
  width: 120px;
  height: 120px;
  display: block;
  background-color: #D8D8D8;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-stylized-btn i {
  margin-right: 20px;
  font-size: 34px;
  transform: rotate(45deg);
  color: white;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-stylized-btn.mil-a1 {
  background-color: #fbcda3;
}
.mil-stylized-btn.mil-a2 {
  background-color: #fbcda3;
}
.mil-stylized-btn span {
  padding: 0 20px;
  width: 100%;
  text-transform: uppercase;
  line-height: 100%;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  color: white;
}
.mil-stylized-btn:hover i {
  transform: rotate(90deg);
}

@media (max-width: 768px) {
  .mil-btn {
    font-size: 16px;
  }
}

/* -------------------------------------------

top panel

------------------------------------------- */
/* .mil-top-panel {
  padding: 0 60px;
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mil-top-panel .mil-logo {
  width: 100px;
  height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #353639;
  text-align: center;
  color: #ECECEA;
  filter: drop-shadow(0px 0px 4px rgba(53, 54, 57, 0.1));
}
.mil-top-panel .mil-logo i {
  font-size: 32px;
  margin-bottom: 10px;
}
.mil-top-panel .mil-logo span {
  font-family: "CayanoPro-Thin", sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: lowercase;
  letter-spacing: 1px;
}
.mil-top-panel .mil-left-side {
  display: flex;
  width: 55vw;
}
.mil-top-panel .mil-buttons-tp-frame {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #D8D8D8;
  padding: 10px;
  border-radius: 80px;
  filter: drop-shadow(0px 0px 4px rgba(53, 54, 57, 0.1));
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-top-panel .mil-buttons-tp-frame .mil-phone {
  white-space: nowrap;
  filter: blur(10px);
  overflow: hidden;
  opacity: 0;
  max-width: 0;
  transform: translateX(60px) scale(0.5);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition-delay: 0.4s;
}
.mil-top-panel .mil-buttons-tp-frame .mil-buttons {
  display: flex;
  align-items: center;
}
.mil-top-panel .mil-buttons-tp-frame .mil-buttons .mil-tp-btn {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #353639;
  color: #fbcda3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.mil-top-panel .mil-buttons-tp-frame .mil-buttons .mil-tp-btn i {
  font-size: 24px;
}
.mil-top-panel .mil-buttons-tp-frame .mil-buttons .mil-tp-btn:last-child {
  margin-right: 0;
}
.mil-top-panel .mil-buttons-tp-frame.mil-active {
  filter: none;
}
.mil-top-panel .mil-buttons-tp-frame.mil-active .mil-phone {
  filter: blur(0);
  padding: 0 63px 0 30px;
  opacity: 1;
  max-width: 300px;
  transform: translateX(0) scale(1);
}
@media (max-width: 992px) {
  .mil-top-panel .mil-buttons-tp-frame .mil-phone {
    display: none;
  }
}
@media (max-width: 992px) {
  .mil-top-panel {
    padding: 0 30px;
  }
}
@media (max-width: 500px) {
  .mil-top-panel {
    padding: 0 15px 0 0;
    background-color: rgb(240.845, 240.845, 239.355);
    filter: drop-shadow(0px 0px 4px rgba(53, 54, 57, 0.1));
  }
  .mil-top-panel .mil-logo {
    height: 100px;
    flex-direction: row;
    width: auto;
    padding: 0 30px;
  }
  .mil-top-panel .mil-logo i {
    margin-bottom: 0;
    margin-right: 10px;
  }
  .mil-top-panel .mil-buttons-tp-frame {
    padding: 0;
    background-color: #353639;
    border-radius: 70px;
    padding: 0 15px;
  }
  .mil-top-panel .mil-buttons-tp-frame .mil-buttons .mil-tp-btn {
    margin: 0;
    width: 50px;
  }
} */

.mil-top-panel-2 {
  position: fixed;
  width: 100%;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 160px;
  display: flex;
  align-items: center;
  border-bottom: solid 1px rgba(251, 205, 163, 0);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-top-panel-2.mil-scroll {
  background-color: white;
  backdrop-filter: blur(10px);
  border-bottom: solid 0.5px #fbcda3;
  height: 120px;
  filter: drop-shadow(0px 0px 4px rgba(236, 236, 234, 0.1));
}
.mil-top-panel-2.mil-menu-open {
  height: 160px;
  border-bottom: solid 1px rgba(53, 54, 57, 0.2);
  background-color: white;
}
.mil-top-panel-2.mil-menu-open .mil-onepage-nav {
  opacity: 0;
}
.mil-top-panel-2 .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mil-top-panel-2 .mil-left-side .mil-logo {
  width: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #a6a6a6;
  filter: none;
}
.mil-top-panel-2 .mil-left-side .mil-logo i {
  font-size: 32px;
  margin-bottom: 0;
  margin-right: 15px;
}
.mil-top-panel-2 .mil-left-side .mil-logo span {
  font-family: "CayanoPro-Thin", sans-serif;
  font-size: 32px;
  font-weight: 400;
  text-transform: lowercase;
  letter-spacing: 1px;
}
.mil-top-panel-2 .mil-buttons-tp-frame {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-top-panel-2 .mil-buttons-tp-frame .mil-buttons {
  display: flex;
  align-items: center;
  transform: translateX(20px);
}
.mil-top-panel-2 .mil-buttons-tp-frame .mil-buttons .mil-tp-btn {
  margin-right: 15px;
  height: 50px;
  color: #a6a6a6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mil-top-panel-2 .mil-buttons-tp-frame .mil-buttons .mil-tp-btn:last-child {
  margin-right: 0;
}
.mil-top-panel-2 .mil-buttons-tp-frame .mil-buttons .mil-tp-btn i {
  font-size: 24px;
}
.mil-top-panel-2 .mil-buttons-tp-frame .mil-buttons .mil-tp-btn .mil-menu-btn span, .mil-top-panel-2 .mil-buttons-tp-frame .mil-buttons .mil-tp-btn .mil-menu-btn span:after, .mil-top-panel-2 .mil-buttons-tp-frame .mil-buttons .mil-tp-btn .mil-menu-btn span:before {
  background-color: #a6a6a6;
}
.mil-top-panel-2 .mil-buttons-tp-frame .mil-buttons .mil-tp-btn:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .mil-top-panel-2 {
    height: 100px;
    background-color: white;
    backdrop-filter: blur(10px);
    border-bottom: solid 1px rgba(53, 54, 57, 0.1);
    filter: drop-shadow(0px 0px 4px rgba(236, 236, 234, 0.1));
  }
  .mil-top-panel-2.mil-scroll {
    height: 100px;
  }
  .mil-top-panel-2.mil-menu-open {
    height: 100px;
    border-bottom: solid 1px rgba(53, 54, 57, 0.2);
    background-color: white;
  }
  .mil-top-panel-2 .mil-onepage-nav {
    display: none;
  }
}

.mil-onepage-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 60px;
  width: 100%;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-onepage-nav ul {
  display: flex;
  align-items: center;
}
.mil-onepage-nav ul li {
  list-style-type: none;
  margin-right: 50px;
}
.mil-onepage-nav ul li:last-child {
  margin-right: 0;
}
.mil-onepage-nav ul li a {
  text-transform: uppercase;
  line-height: 100%;
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 1px;
  color: #a6a6a6;
}

.mil-onepage-nav ul li a:hover {
  color: #fbcda3;
}

.mil-menu-btn {
  display: none;
  padding: 20px 10px 20px;
  height: 22px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-menu-btn span, .mil-menu-btn span:after, .mil-menu-btn span:before {
  content: "";
  pointer-events: none;
  display: block;
  border-radius: 1px;
  width: 22px;
  height: 2px;
  background-color: #fbcda3;
  backface-visibility: hidden;
  transition: inherit;
}
.mil-menu-btn span {
  position: relative;
}
.mil-menu-btn span:after, .mil-menu-btn span:before {
  position: absolute;
}
.mil-menu-btn span:before {
  top: -7px;
}
.mil-menu-btn span:after {
  top: 7px;
}
.mil-menu-btn.mil-active span {
  transform: rotate(45deg);
}
.mil-menu-btn.mil-active span:before {
  transform: translate(0px, 7px) rotate(-90deg);
}
.mil-menu-btn.mil-active span:after {
  width: 22px;
  transform: translate(0px, -7px) rotate(-90deg);
}

/* Eigene Ergänzung - Menü immer mittig zum Viewport */
.mil-top-panel-2 .container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mil-onepage-nav {
  position: absolute;
  right: 0;
  /* transform: translateX(-50%); */
  padding-right: 40px;
  width: auto;
  z-index: 10;
}
@media (max-width: 768px) {
.mil-menu-btn {
  display: flex;
}
}

/* -------------------------------------------

menu window

------------------------------------------- */
.mil-menu-frame {
  display: block;
  background-color: white;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 998;
  top: 0;
  right: 0;
  pointer-events: none;
  transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-menu-frame .mil-menu-window {
  padding-top: 120px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 560px;
  background-color: white;
  transform: translateX(100%);
  filter: drop-shadow(0px 0px 4px rgba(53, 54, 57, 0.1));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-menu-frame .mil-menu-window .mil-menu-section {
  border-top: solid 1px #D8D8D8;
  padding: 60px;
  height: calc(100vh - 590px);
  overflow-y: scroll;
}
/* .mil-menu-frame .mil-menu-window .mil-blog-section {
  border-top: solid 1px #D8D8D8;
  padding: 60px;
  overflow: hidden;
}
.mil-menu-frame .mil-menu-window .mil-social-section {
  height: 120px;
  background-color: #fbcda3;
  display: flex;
  align-items: center;
  padding: 0 60px;
}
.mil-menu-frame .mil-menu-window .mil-social-section li a {
  color: #a6a6a6;
}
.mil-menu-frame .mil-menu-window .mil-social-section li a:hover {
  color: #353639 !important;
  transform: scale(1.15);
} */
.mil-menu-frame.mil-active {
  pointer-events: all;
  background-color: rgba(53, 54, 57, 0.2);
  backdrop-filter: blur(10px);
}
.mil-menu-frame.mil-active .mil-menu-window {
  transform: translateX(0);
}
@media (max-width: 992px) {
  .mil-menu-frame .mil-menu-window .mil-menu-section {
    padding-left: 30px;
    padding-right: 30px;
    height: calc(100vh - 240px);
  }
  .mil-menu-frame .mil-menu-window .mil-blog-section {
    display: none;
  }
  .mil-menu-frame .mil-menu-window .mil-social-section {
    padding: 0 30px;
  }
}
@media (max-width: 768px) {
  .mil-menu-frame .mil-menu-window {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .mil-menu-frame .mil-menu-window {
    padding-top: 100px;
  }
  .mil-menu-frame .mil-menu-window .mil-menu-section {
    border-top: none;
    height: calc(100vh - 220px);
  }
}

.mil-menu-frame-2 {
  background-color: transparent;
  filter: blur(10px);
  transform: scale(1.1);
}
.mil-menu-frame-2 .mil-menu-window {
  background-color: white;
  width: 100%;
  transform: translateX(0);
  opacity: 0;
  padding-top: 160px;
}
.mil-menu-frame-2 .mil-menu-window .mil-left-side {
  background-color: white;
  position: relative;
  z-index: 1;
}
.mil-menu-frame-2 .mil-menu-window .mil-left-side .mil-menu-part {
  padding-right: 160px;
  height: calc(100vh - 280px);
  display: flex;
  align-items: center;
}
.mil-menu-frame-2 .mil-menu-window .mil-left-side .mil-menu-part .mil-main-menu {
  width: 100%;
  padding-bottom: 30px;
}
.mil-menu-frame-2 .mil-menu-window .mil-left-side .mil-bottom-part {
  position: relative;
  font-size: 16px;
  height: 200px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: left;
  border-top: 1px solid #a6a6a6;
  padding-top: 20px;
}
.mil-menu-frame-2 .mil-menu-window .mil-right-side {
  position: relative;
  z-index: 0;
  border-left: solid 1px rgba(53, 54, 57, 0.2);
  height: calc(100vh - 160px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mil-menu-frame-2 .mil-menu-window .mil-right-side .mil-links-part {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.mil-menu-frame-2 .mil-menu-window .mil-right-side .mil-links-part .mil-links {
  text-align: right;
  padding-right: 30px;
  border-right: solid 4px #fbcda3;
}
.mil-menu-frame-2 .mil-menu-window .mil-right-side .mil-links-part .mil-links li {
  margin-bottom: 15px;
  list-style-type: none;
}
.mil-menu-frame-2 .mil-menu-window .mil-right-side .mil-links-part .mil-links li a {
  font-family: "LexendDeca", sans-serif;
  color: #a6a6a6;
  text-transform: uppercase;
  line-height: 100%;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-menu-frame-2 .mil-menu-window .mil-right-side .mil-links-part .mil-links li a:hover {
  color: #353639;
}
.mil-menu-frame-2 .mil-menu-window .mil-right-side .mil-blog-part .mil-blog-section {
  position: relative;
  overflow: visible;
  border: none;
}
.mil-menu-frame-2 .mil-menu-window .mil-right-side .mil-blog-part .mil-blog-section:before {
  content: "";
  border-top: solid 1px rgba(53, 54, 57, 0.2);
  height: 100%;
  width: 100vw;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.mil-menu-frame-2 .mil-menu-window .mil-right-side .mil-blog-part .mil-menu-social {
  position: relative;
  height: 120px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mil-menu-frame-2 .mil-menu-window .mil-right-side .mil-blog-part .mil-menu-social:before {
  content: "";
  border-top: solid 1px rgba(53, 54, 57, 0.2);
  height: 100%;
  width: 100vw;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.mil-menu-frame-2.mil-active {
  filter: blur(0);
  transform: scale(1);
}
.mil-menu-frame-2.mil-active .mil-menu-window {
  opacity: 1;
}
@media (max-width: 992px) {
  .mil-menu-frame-2 .mil-menu-window .mil-left-side .mil-menu-part {
    padding-right: 20px;
  }
  .mil-menu-frame-2 .mil-menu-window .mil-right-side {
    display: none;
  }
}

.mil-main-menu {
  min-height: calc(100vh - 711px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
@media (max-width: 992px) {
  .mil-main-menu {
    min-height: calc(100vh - 361px);
  }
}
@media (max-width: 500px) {
  .mil-main-menu {
    min-height: calc(100vh - 341px);
  }
}
.mil-main-menu li {
  list-style-type: none;
  margin-bottom: 30px;
  position: relative;
}
.mil-main-menu li:last-child {
  margin-bottom: 0;
}
.mil-main-menu li a {
  text-transform: uppercase;
  font-family: "Mulish", sans-serif;
  font-size: 22px;
  color: #a6a6a6;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-main-menu li ul {
  overflow: hidden;
  max-height: 0;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition-delay: 0.2s;
}
.mil-main-menu li ul li {
  margin-bottom: 10px;
  border-left: solid 4px #D8D8D8;
  padding-left: 30px;
  opacity: 0;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition-delay: 0s;
}
.mil-main-menu li ul li.mil-current {
  border-left: solid 4px #37CC8D;
  pointer-events: none;
}
.mil-main-menu li ul li.mil-current a {
  color: #37CC8D;
}
.mil-main-menu li ul li.mil-current a:after {
  content: "(Current)";
  margin-left: 5px;
  color: #a6a6a6;
}
.mil-main-menu li ul li:first-child {
  margin-top: 30px;
}
.mil-main-menu li ul li a {
  font-family: "LexendDeca", sans-serif;
  color: #353639;
  text-transform: uppercase;
  line-height: 100%;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}
.mil-main-menu li ul li:hover {
  border-left: solid 4px #fbcda3;
}
.mil-main-menu li ul li:hover a {
  padding-left: 5px;
}
.mil-main-menu li.mil-has-children:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  font-size: 14px;
  background-color: #D8D8D8;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #353639;
  position: absolute;
  top: 0;
  right: -20px;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-main-menu li.mil-has-children.mil-active:after {
  transform: rotate(90deg);
  background-color: #fbcda3;
}
.mil-main-menu li.mil-has-children.mil-active ul {
  transition-delay: 0s;
}
.mil-main-menu li.mil-has-children.mil-active ul li {
  opacity: 1;
  transition-delay: 0.2s;
}

.mil-sb-nav {
  display: flex;
  align-items: center;
}
.mil-sb-nav .mil-slider-btn {
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-color: #fbcda3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  color: #353639;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-sb-nav .mil-slider-btn:last-child {
  margin-right: 0;
}
.mil-sb-nav .mil-slider-btn.swiper-button-disabled {
  background-color: #D8D8D8;
}

/* -------------------------------------------

iconbox

------------------------------------------- */
.mil-iconbox {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mil-iconbox .mil-hover-frame {
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-iconbox.mil-hover:hover .mil-hover-frame {
  transform: scale(1.1);
}
.mil-iconbox img {
  width: 120px;
}
.mil-iconbox i {
  font-size: 100px;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(166, 166, 166, 0.6);
}
@media (max-width: 768px) {
  .mil-iconbox img {
    width: 90px;
  }
}

/* -------------------------------------------

services

------------------------------------------- */
.mil-services-list {
  border-bottom: solid 1px #D8D8D8;
}
.mil-services-list .mil-service-item {
  list-style-type: none;
  padding: 50px 0 20px;
  border-top: solid 1px #D8D8D8;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mil-services-list .mil-service-item .mil-item-text {
  width: calc(100% - 120px);
  padding-right: 60px;
}
.mil-services-list .mil-service-item:hover .mil-stylized-btn {
  background-color: #fbcda3;
}
@media (max-width: 768px) {
  .mil-services-list {
    border: none;
  }
  .mil-services-list .mil-service-item {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    border: none;
  }
  .mil-services-list .mil-service-item .mil-item-text {
    width: 100%;
    padding-right: 0;
  }
}

/* .mil-service-card-lg ul {
  width: 80%;
} */
.mil-service-card-lg ul li {
  font-family: "CayanoPro-Thin", sans-serif;
  padding: 20px 0;
  list-style-type: none;
  text-transform: lowercase;
  line-height: 120%;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 1px;
  border-bottom: solid 1px #fbcda3;
}
.mil-service-card-lg ul li:first-child {
  border-top: solid 1px #fbcda3;
}
.mil-service-card-lg:hover .mil-stylized-btn {
  background-color: #fbcda3;
}
@media (max-width: 768px) {
  .mil-service-card-lg ul {
    width: 100%;
  }
}

/* -------------------------------------------

hero 5

------------------------------------------- */
.mil-hero-5 {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.mil-hero-5 .mil-hero-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: top;
}
.mil-hero-5 .mil-overlay {
  background: linear-gradient(180deg, #fff 0%, rgba(236, 236, 234, 0.35) 27.26%, rgba(236, 236, 234, 0.3) 45.94%, #fff 91%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mil-hero-5 .mil-hero-main {
  height: 100vh;
  display: flex;
  align-items: flex-end;
}
.mil-hero-5 .mil-hero-main .mil-hero-text {
  width: 100%;
  text-align: center;
  padding-bottom: 90px;
}
.mil-hero-5 .mil-hero-main .mil-hero-text i {
  font-size: 28px;
}
.mil-hero-5 .mil-hero-main .mil-hero-text .mil-circle-text-frame {
  position: static;
  background-color: transparent;
  margin: 0 auto;
}
.mil-hero-5 .mil-hero-main .mil-hero-text .mil-circle-text-frame .mil-circle-text .mil-arrow {
  background-color: #fbcda3;
}
.mil-hero-5 .mil-hero-main .mil-hero-text .mil-circle-text-frame .mil-circle-text .mil-arrow i {
  color: #353639;
}
.mil-hero-5 .mil-hero-main .mil-hero-text .mil-circle-text-frame .mil-circle-text svg text {
  fill: #a6a6a6;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-hero-5 .mil-hero-main .mil-hero-text .mil-circle-text-frame .mil-circle-text:hover svg text {
  fill: #353639;
}
@media screen and (max-width: 992px) {
  .mil-hero-5 .mil-hero-main .mil-hero-text {
    padding-bottom: 120px;
  }
}
/* --------- Hero 5 – Mobile wie Desktop, nur etwas kompakter --------- */
@media screen and (max-width: 768px) {

.mil-hero-5{
  position: relative;
  min-height: 100svh;
  overflow: hidden;
}

.mil-hero-5 .mil-hero-main{
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mil-hero-5 .mil-hero-text{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 16px;
}

}

/* -------------------------------------------

half container

------------------------------------------- */

.mil-button-pad {
  position: relative;
  height: 120px;
  padding: 0 30px;
  display: inline-flex;
  align-items: center;
}
/* .mil-button-pad.mil-a1 {
  background-color: rgba(251, 205, 163, 0.3);
} */
.mil-button-pad.mil-a2 {
  background-color: #fbcda3;
}

.mil-button-pad:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  background-color: rgba(251, 205, 163, 0.3);
  height: 100%;
  width: auto;
}
.mil-button-pad.mil-jst:before {
  display: none;
}
@media (max-width: 992px) {
  .mil-button-pad {
    width: 100%;
    justify-content: center;
  }
  .mil-button-pad:before {
    display: none;
  }
}

/* -------------------------------------------

team

------------------------------------------- */
.mil-team-card {
  position: relative;
  overflow: hidden;
  padding-bottom: 130%;
}
.mil-team-card.mil-team-offset {
  margin-top: 60px;
}
@media (max-width: 992px) {
  .mil-team-card.mil-team-offset {
    margin-top: 0;
  }
}
.mil-team-card .mil-hover-frame {
  width: 100%;
  height: 100%;
  transform: scale(1.04);
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-team-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.mil-team-card .mil-hover-overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(55, 204, 141, 0.7);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-team-card .mil-hover-overlay .mil-descr {
  background-color: #353639;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translateY(40px) scale(1.04);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-team-card .mil-hover-overlay .mil-descr .mil-social li a {
  color: #ECECEA;
}
.mil-team-card.mil-stl .mil-hover-overlay {
  background-image: url(../img/team/overlay.jpg);
  background-color: transparent;
}
.mil-team-card.mil-stl .mil-hover-overlay .mil-descr {
  background: linear-gradient(180deg, rgba(236, 236, 234, 0) 0%, #ECECEA 73.5%);
}
.mil-team-card.mil-stl .mil-hover-overlay .mil-descr .mil-social li a {
  color: #353639;
}
.mil-team-card:hover .mil-hover-frame {
  transform: scale(1);
}
.mil-team-card:hover .mil-hover-overlay {
  opacity: 1;
}
.mil-team-card:hover .mil-hover-overlay .mil-descr {
  transform: translateY(0) scale(1);
}

.mil-team-text-box {
  padding: 90px;
}

.mil-team-quote {
  display: flex;
  align-items: center;
}
.mil-team-quote .mil-portrait {
  position: relative;
  border-radius: 50%;
  height: 150px;
  width: 150px;
  margin-right: 30px;
}
.mil-team-quote .mil-portrait img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.mil-team-quote .mil-portrait:after {
  content: '\03C8';
  border-radius: 50%;
  background-color: #fbcda3;
  width: 50px;
  height: 50px;
  color: #353639;
  position: absolute;
  bottom: 0;
  right: -3px;
  font-size: 36px;
  text-align: center;
  display: flex;
  padding-top: 1px;
  justify-content: center;
}
.mil-team-quote p {
  width: calc(100% - 120px);
}


@media (max-width: 550px) {
  .mil-team-quote {
    display: block;
    align-items: center;
}
}

/* -------------------------------------------

about

------------------------------------------- */
.mil-about-img-frame {
  position: relative;
  background-color: #D8D8D8;
}
.mil-about-img-frame .mil-about-img {
  position: relative;
  overflow: hidden;
  padding-bottom: 130%;
}
.mil-about-img-frame .mil-about-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 992px) {
  .mil-about-img-frame .mil-about-img img {
  object-position: center;
}
}

.mil-about-img-frame .mil-button-box {
  background-color: #fbcda3;
  display: inline-flex;
  height: 120px;
  align-items: center;
  padding: 0 30px;
}

.mil-about-short {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mil-about-short .mil-portrait {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}
.mil-about-short .mil-portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.mil-about-short .mil-signature {
  width: 160px;
}


/* -------------------------------------------

form

------------------------------------------- */
form {
  position: relative;
}
form input:not([type="radio"]):not([type="checkbox"])  {
  background-color: transparent;
  border: none;
  border-bottom: solid 1px #a6a6a6;
  width: 100%;
  /* padding: 0 30px; */
  height: 70px;
  font-family: "LexendDeca", sans-serif;
  text-transform: uppercase;
  line-height: 100%;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  color: #353639;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
form input:hover, form input:focus {
  border-color: #fbcda3;
}
form textarea {
  /* padding: 20px 30px; */
  width: 100%;
  height: 200px;
  background-color: transparent;
  border: none;
  border-bottom: solid 1px #a6a6a6;
  font-family: "LexendDeca", sans-serif;
  text-transform: uppercase;
  line-height: 100%;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 1px;
  color: #353639;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
form textarea:hover, form textarea:focus {
  border-color: #fbcda3;
}
form.mil-stl input, form.mil-stl textarea {
  color: #353639;
}

.mil-checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.mil-checkbox-option {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
}

.mil-error {
    display: block;
    margin-top: 5px;
    font-size: 0.85rem;
    color: #c0392b; /* oder deine Error-Farbe */
}

.mil-form-label {
  display: block;
  margin-bottom: 10px;
  font-family: "LexendDeca", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  color: #a6a6a6;
}

.mil-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px 30px;
}

.mil-checkbox-option {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}

.mil-checkbox-option span {
  font-family: "LexendDeca", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}


/* -------------------------------------------

footer

------------------------------------------- */
.mil-footer {
  position: relative;
}
/* .mil-footer:before {
  content: "";
  height: 40vh;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(236, 236, 234, 0) 0%, rgba(216, 216, 216, 0.5) 80%);
} */

.mil-footer-contact {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mil-footer-contact:hover .mil-stylized-btn {
  background-color: #fbcda3;
}

.mil-footer-menu-frame {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: solid 1px rgba(53, 54, 57, 0.2);
  border-bottom: solid 1px rgba(53, 54, 57, 0.2);
  height: 120px;
}
.mil-footer-menu-frame .mil-footer-menu {
  display: flex;
  align-items: center;
}
.mil-footer-menu-frame .mil-footer-menu li {
  list-style-type: none;
  margin-right: 60px;
}
.mil-footer-menu-frame .mil-footer-menu li:last-child {
  margin-right: 0;
}
.mil-footer-menu-frame .mil-footer-menu li a {
  text-transform: uppercase;
  line-height: 100%;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 1px;
  color: #a6a6a6;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-footer-menu-frame .mil-footer-menu li a:hover {
  color: #fbcda3;
}
.mil-footer-menu-frame .mil-social li a {
  color: #a6a6a6;
}
@media (max-width: 992px) {
  .mil-footer-menu-frame {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 90px 0;
  }
  .mil-footer-menu-frame .mil-footer-menu {
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .mil-footer-menu-frame .mil-footer-menu li {
    margin-right: 30px;
  }
}
@media (max-width: 500px) {
  .mil-footer-menu-frame .mil-footer-menu {
    flex-direction: column;
    align-items: flex-start;
  }
  .mil-footer-menu-frame .mil-footer-menu li {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.mil-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 500px) {
  .mil-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

.mil-footer-link {
  font-size: calc(1rem + 4.4vw);
  line-height: 100%;
}
@media (min-width: 1920px) {
  .mil-footer-link {
    font-size: calc(1rem + 2.8vw);
  }
}
@media (max-width: 1200px) {
  .mil-footer-link {
    font-size: calc(1rem + 5.4vw);
  }
}
@media (max-width: 992px) {
  .mil-footer-link {
    font-size: calc(1rem + 6.4vw);
  }
}
@media (max-width: 768px) {
  .mil-footer-link {
    font-size: calc(1rem + 7.4vw);
  }
}

.mil-subscribe-form {
  position: relative;
  width: 100%;
}
.mil-subscribe-form input {
  border-radius: 90px;
  background-color: #ECECEA;
  height: 90px;
  background-color: #ECECEA;
  width: 100%;
  border: none;
  padding-left: 50px;
  font-family: "LexendDeca", sans-serif;
  text-transform: lowercase;
  line-height: 100%;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #353639;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-subscribe-form button {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none;
  color: #353639;
  background-color: #fbcda3;
}
.mil-subscribe-form button i {
  font-size: 24px;
}