:root {
--gemprim: #00ff65;
--gemprimbl: #000E52;
}

body {
    margin: 0;
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

   svg {
            image-rendering: optimizeQuality;
            shape-rendering: auto;
            text-rendering: optimizeLegibility;
        }

.header, .header * {
  box-sizing: border-box;
}


.gem-ti-img svg path {
  stroke-width: 15px;
}
.gem-ti-footer {
  background: #E8EDF3;
  display: flex;
  align-items: center;
  flex-direction: column;
	    margin-top: -6%;
    padding: 1rem;
	
}


.gem-ti-h3 {
	font-size: 3.75rem;
	margin: 0;
	hyphens: manual;
	padding: 1rem;
}

.gem-ti-h4 {
	font-size: 1.75rem;
	padding: 0.5rem;
}





.gem-ti-line-cont {
  border-width: 0rem 0rem 0rem 0.9375rem;
  border-style: solid;
  border-image: linear-gradient(
    180.19deg,
    rgba(0, 255, 100, 1) 0%,
    rgba(0, 255, 100, 0) 100%
  );
  border-image-slice: 1;
padding: 0rem 0rem 0rem 3.5rem;
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  max-width: 56.25rem;
  position: relative;
margin-top: 2rem;
}
.gem-ti-h-3 {
  color: #010e52;
  text-align: left;
  font: 700 3.75rem/4.0625rem "Euclid Circular B", sans-serif;
  position: relative;
  align-self: stretch;
	hyphens: manual;
}
.gem-ti-p {
    color: #010e52;
    text-align: left;
    font: var(--flie-text, 400 1rem/1.6875rem "Apercu Pro", sans-serif);
    position: relative;

}

.gem-ti-p h3 {
margin-top: 2rem;
}

.gem-ti-p p {
  font-size: 12px;
  line-height: 1.5;
}

.gem-ti-p td {
  font-size: 12px;
  line-height: 1.5;
}



.gem-ti-section {
	max-width: 900px;
  gap: 1rem;
  display: flex;
  flex-direction: column;
	margin-bottom: 4rem;
	width: 100%;
}

 .gem-ti-cont {
    max-width: 67rem;
	margin-left: auto;
	 margin-right: auto;
      width: 100%;
     
	     display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    align-items: flex-start;
     margin-bottom: 4rem;
     z-index:3;
	padding: 1rem;
  box-sizing: border-box;
	 
  }

.gem-ti-icon-info {
	max-width: 12rem;
}

.gem-ti-ico-p {
	max-width: 25rem;
}

.gem-ti-scrollicon {
	width: 12rem;
}


  .ico-folder {

    flex-direction: row;
    gap: 1.0625rem;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-shrink: 0;
    position: relative;

  }


.gem-ti-vorja {
	display: none;
}

.gem-ti-atu {
	    display: flex;
}

   .gem-ti-btn-tog.active {
          background: #00FF65;
	   color: #000e52;
	   
        }

.gem-ti-btn-links {
    border-radius: 6.25rem 0rem 0rem 6.25rem;
  padding: 0.5rem 3rem 0.5rem 3rem;
  display: flex;
  flex-direction: row;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
	border: none;
	cursor: pointer;
}

.gem-ti-btn-rechts {
    border-radius: 0rem 6.25rem 6.25rem 0rem;
  padding: 0.5rem 3rem 0.5rem 3rem;
  display: flex;
  flex-direction: row;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
	border: none;
	cursor: pointer;
    
}

.h-4-top-space {
    padding-top: 2rem;
    width: 100%;
     color: #000e52;
  text-align: left;
  font: 400 2.5rem/3.4375rem "Euclid Circular B", sans-serif;
  position: relative;
}

.gem-ti-btn-tog {
	         background: #E8EDF3;
	   color: #000e52;
}

.gem-ti-txtbgcol {
	background-color: var(--gemprim);
  border-radius: 0.6rem;
  border: solid 0.3rem var(--gemprim);
}

.gem-ti-btn {
	  background: var(--gemprimbl);
	color: #FFFFFF;
  border-radius: 2.5rem;
  padding: 0.5rem 3rem 0.5rem 3rem;
  display: flex;
  flex-direction: row;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
	border: none;
	cursor: pointer;
}

.gem-carousel-slide-in > div img {
     width: 45%;
    margin-top: -6%;
    margin-bottom: -9%;
	min-width: 250px;
	height: auto;
}

@media (max-width: 800px){
	
	.ge-h5-box {
  font-size: 2rem !important;
  margin-bottom: 20rem;
}
	
}

@media (max-width: 933px){
	
	.gem-ti-rore {
flex-direction: column-reverse !important;
}
	
}

.gem-ti-table td {
	border: 1px solid #010e52;
	padding: 4px;
}

.gem-ti-table {
	  border-collapse: collapse;
    border-spacing: 0;
}

.gem-ti-txt-cont {
     padding: 2rem;
    margin-left: auto; 
    margin-right: auto;
    max-width: 1200px;
}

.TiAktengraph {
      -webkit-mask-image: url("../img/ti-akte-maske.svg");
  mask-image: url(../img/ti-akte-maske.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat; 
      -webkit-mask-size:contain; /* OR cover OR fixed values */
  -webkit-mask-position:center;
  mask-size:contain; /* OR cover OR fixed values */
  mask-position:center;
    
    width: 11rem; height:10rem; position: relative;
}

.Erezgraph {
      -webkit-mask-image: url("../img/e-rez-mask.svg");
  mask-image: url("../img/e-rez-mask-bg.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat; 
      -webkit-mask-size:contain; /* OR cover OR fixed values */
  -webkit-mask-position: left;
  mask-size:contain; /* OR cover OR fixed values */
  mask-position: left;
    
    width: 10rem; height:10rem; position: relative;
}

.TiAktenfuellung {
position: absolute; background: #000E52; width: 100%; height: 100%;
    transition: width 1s ease;
}

.TiAktenhintergrund {
    position: absolute; background: #D1DBE7; width: 100%; height: 100%;
}

.Erezgraphbg {
    background-image: url("../img/e-rez-mask-bg.svg"); 
      -webkit-background-repeat: no-repeat;
      background-repeat: no-repeat;
     background-size: auto 100%;
    background-position: left;
    
     
  mask-repeat: no-repeat; 
      -webkit-mask-size:contain; /* OR cover OR fixed values */
  -webkit-mask-position:center;
  mask-size:contain; /* OR cover OR fixed values */
  mask-position:center;
}


.ti-tooltip {
  position: relative;
  display: inline-block;
    cursor: help;
}

.ti-tooltip .tooltiptext {
  visibility: hidden;
  max-width: 200px;
    width: 90vw;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 0.3s;
    padding: 1rem;
    line-height: 1.2;
}

.ti-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.ti-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}