@font-face {
  font-family: 'DaxOTCondBlack';
  src: url('../fonts/DaxOTCondBlack.eot');
  src: url('../fonts/DaxOTCondBlack.eot') format('embedded-opentype'),
       url('../fonts/DaxOTCondBlack.woff2') format('woff2'),
       url('../fonts/DaxOTCondBlack.woff') format('woff'),
       url('../fonts/DaxOTCondBlack.ttf') format('truetype'),
       url('../fonts/DaxOTCondBlack.svg#DaxOTCondBlack') format('svg');
}



@font-face {
  font-family: 'DaxOTCondBold';
  src: url('../fonts/DaxOTCondBold.eot');
  src: url('../fonts/DaxOTCondBold.eot') format('embedded-opentype'),
       url('../fonts/DaxOTCondBold.woff2') format('woff2'),
       url('../fonts/DaxOTCondBold.woff') format('woff'),
       url('../fonts/DaxOTCondBold.ttf') format('truetype'),
       url('../fonts/DaxOTCondBold.svg#DaxOTCondBold') format('svg');
}




@font-face {
  font-family: 'DaxOTCondExtraBold';
  src: url('../fonts/DaxOTCondExtraBold.eot');
  src: url('../fonts/DaxOTCondExtraBold.eot') format('embedded-opentype'),
       url('../fonts/DaxOTCondExtraBold.woff2') format('woff2'),
       url('../fonts/DaxOTCondExtraBold.woff') format('woff'),
       url('../fonts/DaxOTCondExtraBold.ttf') format('truetype'),
       url('../fonts/DaxOTCondExtraBold.svg#DaxOTCondExtraBold') format('svg');
}




@font-face {
  font-family: 'DaxOTCondLight';
  src: url('../fonts/DaxOTCondLight.eot');
  src: url('../fonts/DaxOTCondLight.eot') format('embedded-opentype'),
       url('../fonts/DaxOTCondLight.woff2') format('woff2'),
       url('../fonts/DaxOTCondLight.woff') format('woff'),
       url('../fonts/DaxOTCondLight.ttf') format('truetype'),
       url('../fonts/DaxOTCondLight.svg#DaxOTCondLight') format('svg');
}



@font-face {
  font-family: 'DaxOTCondMedium';
  src: url('../fonts/DaxOTCondMedium.eot');
  src: url('../fonts/DaxOTCondMedium.eot') format('embedded-opentype'),
       url('../fonts/DaxOTCondMedium.woff2') format('woff2'),
       url('../fonts/DaxOTCondMedium.woff') format('woff'),
       url('../fonts/DaxOTCondMedium.ttf') format('truetype'),
       url('../fonts/DaxOTCondMedium.svg#DaxOTCondMedium') format('svg');
}


@font-face {
  font-family: 'DaxOTCondRegular';
  src: url('../fonts/DaxOTCondRegular.eot');
  src: url('../fonts/DaxOTCondRegular.eot') format('embedded-opentype'),
       url('../fonts/DaxOTCondRegular.woff2') format('woff2'),
       url('../fonts/DaxOTCondRegular.woff') format('woff'),
       url('../fonts/DaxOTCondRegular.ttf') format('truetype'),
       url('../fonts/DaxOTCondRegular.svg#DaxOTCondRegular') format('svg');
}


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

a:hover {
  color:inherit;
}


sup {
  top: -0.4rem;
  font-size: 0.7rem;
}


.verteiler p {
  font-family: 'DaxOTCondBold';
  font-size: 1.3rem;
  color: black;
  letter-spacing: normal;
}


body.iseeit {
  opacity: 1;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}




.col-2 {
  flex: 0 0 auto;
  width: 12% !important;
}

.col-10 {
  flex: 0 0 auto;
  width: 88% !important;
}


body {
    opacity: 0;
    background-color: #004899;
    font-family: 'DaxOTCondBold';
    font-size: 1rem;
    font-style: normal;
    color: black;
    font-weight: normal
}


body > div {
  overflow: auto;
}





.iframe-content {
  position: relative;
  z-index: 6666;
}


#iframe_container {
  display: inline;
}



.verteiler img {
  display: block;
  width: 100%;
}



.frame {
width: 1022px;
height: 665px;
border: 0;
overflow: hidden;
}

#myiframe {
overflow: scroll;
border: 0;
width: 100%;
height: 100%;
transform: scale(1);
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

button {
display: inline-block;
}



/* new scrollbar */




/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #004899 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 18px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #004899;
    border-radius: 0px;
  }
  .search-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
  }
  
  .search-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
  }
  
  .search-field::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
  }


  html, body {
    height: 100%;
  }
  
  .full-height {
    height: 100%;
  }
  


  
  
  




#button-wrapper {
  position: relative;
  width: 100%;
  z-index: 999;
  display: block;
  background-color: #004899;
  padding: 2% 10%;
  top: 0;
}


body {
background-color: white;
}


#wrapper-navbar {
    display: none;
}

.card {
  padding: 10px;
}


.navi .col {
padding: 10px;
}



p {
  margin: 0;
}


.p-0 {
  padding: 0 !important;
}

.abso {
  height: 100%;
  position: absolute;
  width: 100%;
}



.h100 {
  height: 100%;
}


.v-center {
  display: flex;
  align-items: center;
  justify-content: center;
}


.center-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center
}




.gradient-1 {
  height: 150px;
  padding: 30px 75px;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(197,6,54,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(197,6,54,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(197,6,54,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#c50636",GradientType=1);
}


.gradient-1 p {
  padding: 10px;
  color: white;
  font-size: 2.5rem;
  letter-spacing: 0.06rem;
}





.gradient-2 {
  height: 150px;
  padding: 30px 75px;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,67,135,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,67,135,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,67,135,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#004387",GradientType=1);
  
}



.gradient-2 p {
padding: 10px;
color: white;
text-transform: uppercase;
font-size: 2.5rem;
letter-spacing: 0.06rem;
}



.start {
position: absolute;
bottom: 75px;
right: 0;
left: 0;
text-align: center;
}


.start a {

font-size: 4rem;
color:black;
text-transform: capitalize;
text-decoration: none;
font-weight: bolder;
}





.button {
position: absolute;
bottom: 50px;
right: 0;
left: 0;
text-align: center;
}


.button > div {
justify-content: start !important;
padding-left: 40px;
width: 100%;
display: block;
}



.button a{
font-size: 4rem;
color:black;
text-transform: capitalize;
text-decoration: none;
font-weight: bolder;
position: relative;
display: flex;
align-items: baseline;
}



.triangle svg {
  width: 40px;
  height: 60px;
}

.triangle.left {
  padding-right: 15px;
}


/*


.triangle  {
  width: 2rem;
  height: 2rem;
}

.triangle.grey {
  background-color: #939598;
}


.triangle.blue {
  background-color: #004388;
}



.triangle {
  line-height: 1;
  width:  3rem;
  height: 3rem;
  border-top-right-radius: 20%;
  background-color: #c8133f;
  text-align: left;
  display: inline-block;
  margin: 0rem;
  transition: background-color .45s ease;
}


.triangle:hover {
        background-color: #c8133f;
}



.triangle::before,
.triangle::after {
content: '';
position: absolute;
background-color: inherit;
width:  100%;
height: 100%;
border-top-right-radius: 20%;
}


.triangle:before{
content: '';
transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);

}



.triangle:after{
content: '';
transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);

}


.triangle.left {
transform: rotate(90deg) skewX(-30deg) scale(1, 0.866);
transform-origin: 15% 55%;
}

*/




.flaggen {
justify-content: center;
gap: 150px;
padding: 0;list-style:none;text-align: center;
}


.flaggen li img{
  width: 150px;
  box-shadow: 1px 1px 8px rgb(0 0 0 / 80%);
}


.side-logo img {
  width: 175px;
  padding-top: 20px;
}





.containter-max-with {
  max-width: 1500px;
}





.logo {
  left: -65px;
  position: relative;
  width: 100%;
  max-width: 600px;
}

.flaggen {
  gap:90px;
  position: relative;
      margin-top: 30px;
}

.gradient-2 p, .gradient-1 p {
  font-size: 1.2rem;

}


.flaggen li img{
  width: 65px;
}

.gradient-1, .gradient-2 {
  height: 60px;
  padding: 20px 40px;
}






.start a {
  font-size: 2rem;
}




.button a {
  font-size: 1.25rem;

}







/* grid */



.item {
  display: flex;
  justify-content: center;
  align-items: center;
}









/* mobile */

@media (max-width: 768px) {

.logo {
    max-height: 300px;
}

}


@media (max-height: 600px) {
  
.logo {
    max-height: 300px;
}

}