body {
    
    font-family: 'Nunito', sans-serif;
    /* background-color: black; */

    /* font-family: Montserrat,sans-serif; */
}
/* For debugging */
.b-set-border{ border: 1px solid red;
}

/* Startup Hero */

.color-wrapper::before{
  position: absolute;
  /*width: 40rem;
  height: 50rem;
  --tw-rotate: 10deg; */
  z-index: 0;

  
  bottom: 10rem;
  left: 55rem;
  min-height: 25rem;
  min-width: 25rem;
  --tw-rotate: 130deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  /* background-color: rgb(51 65 85 / var(--tw-bg-opacity)); */
  /* background-color: #2c7a7b; */
  background-color: rgba(208, 178, 183, 0.949);
  /* border: 1px solid red; */
  --tw-content: "";
  content: var(--tw-content);
}

/* Extra small devices (phones, 600px and down) */
  @media only screen and (max-width: 600px) {
    .color-wrapper::before {
      display: none;
      
    }

    /* .btn {
      background-color: white;
    } */

    .color-wrapper::after {
      display: none;
    }
    .img-hero {
        display: none;
    }

    .draw-yr-img{
       display: none; 
    }
} 

@media only screen and (max-width: 1447px){
    .color-wrapper::before {
      /* display: none; */

      bottom: 8rem;
      left: 43rem;
    }
}
@media only screen and (max-width: 1447px){
    .color-wrapper::before {
      /* display: none; */

      bottom: 8rem;
      left: 43rem;
    }
}

@media only screen and (max-width: 1140px){
    .color-wrapper::before {
      display: none;
    }
}

/* Add-on Color */
.bg-teal-900{
  background-color: #134E4A;
}
.bg-teal-700{
  background-color: #0F766E !important;
}
.text-teal-700 {
  color: #0F766E !important;
}
.border-teal {
  border-color: #134E4A;
}

/* New logo color rose-red */
.bg-red-900{
  background-color: #ac6e76;
  ;
}
.bg-red-700{
  background-color: #ac6e76; 
}
.text-red-700 {
  color: #ac6e76; !important;
}
.border-red {
  color: #ac6e76;  !important;
}


/* .color-wrapper::after{
position: absolute;
bottom: 24rem;
left: 25rem;
height: 10rem;
width: 80rem;
--tw-rotate: 115deg;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-color: rgb(203 213 225);
--tw-content: "";
content: var(--tw-content);
} */

@media (min-width: 1024px) and (max-width: 1140px) {
.color-wrapper::before{
  left: 10rem;
  height: 30rem;
  content: var(--tw-content);
  width: 75rem;
}
/* .color-wrapper::after{
  left: 2px;
  bottom: 20rem;
  height: 15rem;
  content: var(--tw-content);
  width: 10rem;
} */
}
@media (max-width: 768px) {
.color-wrapper::before{
  content: var(--tw-content);
  left: 10rem;
}

}
@media (max-width: 767px) {
.color-wrapper::before{
  content: var(--tw-content);
  left: 0px;
 }
}


/** MENU-ARROW **/
.arrow-mnu {
        border-width: 0 2px 2px 0;
        /* position: absolute; */
        position: relative;
        /* right: -1px;
        top: 30px; */
        top: 1.5px;
        left: 0.4rem; 
        display: inline-block;
        --tw-rotate: 45deg;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        border-radius: 0.5px;
        --tw-border-opacity: 1;
        border-color: rgb(22 28 45 / var(--tw-border-opacity));
        padding: 3px;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
}
/** MENU-END **/

/*** Language switcher Begin **/
/* @import url('https://fonts.googleapis.com/css?family=Muli'); */
body {
  font-family: Arial;
  /* font-family: 'Muli', sans-serif; */
}
.nav-wrapper {
  /* width: 300px;
  margin: 100px auto; */
  text-align: center;
}
  .sl-nav {
  display: inline;
}
.sl-nav ul {
  margin:0;
  padding:0;
  list-style: none;
  position: relative;
  display: inline-block;
}
.sl-nav li {
  cursor: pointer;
  padding-bottom:10px;
}
.sl-nav li ul {
  display: none;
}
.sl-nav li:hover ul {
  position: absolute;
  top:29px;
  right:-15px;
  display: block;
  background: #fff;
  width: 120px;
  padding-top: 0px;
  z-index: 100;
  border-radius:5px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.sl-nav li:hover .triangle {
  position: absolute;
  top: 15px;
  right: -10px;
  z-index:10;
  height: 14px;
  overflow:hidden;
  width: 30px;
  background: transparent;
}
.sl-nav li:hover .triangle:after {
  content: '';
  display: block;
  z-index: 20;
  width: 15px;
  transform: rotate(45deg) translateY(0px) translatex(10px);
  height: 15px;
  background: #fff;
  border-radius:2px 0px 0px 0px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.sl-nav li ul li {
  position: relative;
  text-align: left;
  background: transparent;
  padding: 15px 15px;
  padding-bottom:0;
  z-index: 2;
  font-size: 15px;
  color: #3c3c3c;
}
.sl-nav li ul li:last-of-type {
  padding-bottom: 15px;
}
.sl-nav li ul li span {
  padding-left: 5px;
}
.sl-nav li ul li span:hover, .sl-nav li ul li span.active {
  color: #146c78;
}
.sl-flag {
  display: inline-block;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  width: 15px;
  height: 15px;
  background: #aaa;
  border-radius: 50%;
  position: relative;
  top: 2px;
  overflow: hidden;
}
.flag-de {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg==');
  background-size: cover;
  background-position: center center;
}
.flag-usa {
  background-size: cover;
  background-position: center center;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=');
}

/*** Language switcher End **/