@font-face {
  font-family: 'UniversLTStd-LightCn';
  src: url('../../../../Project-based/template/font/UniversLTStd-LightCn.eot');
  src: url('../../../../Project-based/template/font/UniversLTStd-LightCn.eot?#iefix') format('embedded-opentype'), url('../../../../Project-based/template/font/UniversLTStd-LightCn.woff2') format('woff2'), url('../../../../Project-based/template/font/UniversLTStd-LightCn.woff') format('woff'), url('../../../../Project-based/template/font/UniversLTStd-LightCn.ttf') format('truetype'), url('../../../../Project-based/template/font/UniversLTStd-LightCn.svg#UniversLTStd-LightCn') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Univers-Condensed-Medium';
  src: url('../../../../Project-based/template/font/Univers-Condensed-Medium.eot');
  src: url('../../../../Project-based/template/font/Univers-Condensed-Medium.eot?#iefix') format('embedded-opentype'), url('../../../../Project-based/template/font/Univers-Condensed-Medium.woff2') format('woff2'), url('../../../../Project-based/template/font/Univers-Condensed-Medium.woff') format('woff'), url('../../../../Project-based/template/font/Univers-Condensed-Medium.ttf') format('truetype'), url('../../../../Project-based/template/font/Univers-Condensed-Medium.svg#Univers-Condensed-Medium') format('svg');
}

body{
  font-family: 'UniversLTStd-LightCn';
  letter-spacing: 0.4px;
  word-spacing: 0.5px;
  overflow-x: hidden;
}

h1,h2 {
  font-family: 'UniversLTStd-LightCn';
}

h3, h4, h5 {
  font-family: 'Univers-Condensed-Medium';
}

p, a, li {
  font-size:1.1rem;
}

/*HEADER*/

.hero-title {
  /*padding-top: 6rem;*/
}

.parallax {
  height: 100%;
  min-height: 600px;
}

.preroll {
  min-height: 5px;
  background-color: #13a538;
}

#references{
  background-color:white;
}


.hero-divider svg {
  position: absolute;
  left: 0;
  margin-top:-2px;
  scale:-1;
}

.hero-divider {
  position: absolute;
  left: 0;
  width: 100%;
  top: 100vh;
}

#portfolio .container, #references .container {
  position: relative;
  z-index: 1;
}

#hero  {
  position: relative;
  width: 100%;
  height:185vh;
}


.btn-scroll {
  position: absolute;
  top: 85vh;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white; /* Ändert die Textfarbe in Weiß */
  font-weight:bold;
}

.btn-scroll span {
  font-size: 28px; /* Ändert die Schriftgröße */
  margin-bottom: 0.5rem;
  text-shadow: 0px 3px 5px rgb(0 82 156);
}

.btn-scroll svg {
  width: 80px; /* Ändert die Breite des SVG-Icons */
  height: auto; /* Behält das Seitenverhältnis des SVG-Icons bei */
  fill: white; /* Ändert die Farbe des SVG-Icons in Weiß */
  filter: drop-shadow(0px 3px 5px #00529c);
}

.btn-scroll svg path.cls-1 {
  animation: arrow-movement 1.75s ease-in-out infinite;
}
.btn-scroll svg path.cls-2 {
  animation: arrow-movement 1.75s  ease-in-out infinite;
}

sup a {
  font-size: inherit;
}

@keyframes arrow-movement {
  0% { 
    opacity: 0;
  transform: translateY(-70%);
}
70% {
  opacity: 1;
}
100% { 
  opacity: 0;
}
}



a.btn-scroll:hover {
  text-decoration: none;
}

.hero-btn {
  position: absolute;
  bottom: 7rem;
  left: 0;
  right: 0;
}


.logo-container {
  position: relative;
}

#logo-euroimmun {
  position: absolute;
  top: 1rem;
  height: 50px;
  width: 20%;
  max-width: 720px;
}

#logo-euroimmun {
  left: 1rem;
}

#hero .container-fluid .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.5rem;
  margin-top: 0.35rem;
}

.hero {
  background-image: url("../../images/AdobeStock_713266887_KeyVisual.jpeg");
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 115vh;
  position: fixed;
  z-index: -1;
}

#hero .hero-title {
  font-size: 3rem;
  font-weight:bold;
  text-transform: uppercase;
  padding-top: 200px;
}

.hero-icon {
  padding:20px;
  margin:5px;
  background:rgba(255,255,255,0.85);
}


#media-modal {
  z-index: 120!important;
}


/*BUTTON*/

.btn-euro {
  background-color: #0db14b;
  border-color: #0db14b;
  color: #fff;
  font-size: 1.25rem;
  border-radius: 0;
  min-width: 163px;
  padding: 0.75rem;
  border:none;
  display:inline-block;
  box-shadow: 1px 1px 3px 1px #bbb;
  transition: 0.2s ease-in-out;
}

.btn-euro.focus,
.btn-euro:focus,
.btn-euro:hover {
  color: #0db14b;
  /*background-color: #0b893b;*/
  background-color: #FFFFFFCC;
  box-shadow: inset 1px 1px 3px 1px #bbb;
}

.btn-euro.btn.btn-orange:hover{
  color: #D7640A; 
  background-color: #FFFFFFCC;
}

.contact-btn:hover {
  background-color: #C15A09;
}

button.btn-euro::after {
  content: url('../../images/Icons/0827-chevron-down.svg');
  display: inline-block;
  margin-left: 1rem;
  width: 25px;
  height: 25px;
  vertical-align: text-top;
}

/*FIXED BUTTONS*/
.contact-icon {
  content: url('../../images/Icons/0151-envelope.svg');
  padding:10px;
  display: inline-block;
  vertical-align: middle;
}

.contact-btn{
  background-color: #D7640A;
  width:60px;
  height:60px;
  cursor:pointer;
  position: fixed;
  right: 0;
  bottom:calc(100% / 2);
}

.up-icon {
  content: url('../../images/Icons/0826-chevron-up.svg');
  padding:10px;
  display: inline-block;
  vertical-align: middle;
  width:50px;
}

.up-btn{
  background-color: #0db14b;
  width:50px;
  height:50px;
  cursor:pointer;
  position: fixed;
  right: 0;
  bottom:calc(100% / 11.25);
  display:none;
}




/*SECTIONS*/
#hero .link-success h3,
#global .link-success{
color: #0db14b;
}

#americas .btn.btn-success{
  background-color: #0db14b;
  color: #FFFFFF;
  border-radius: 0px;
}

section#global
{
  background-image: linear-gradient(to top, white 25%, #ffffffd4 75%);
  box-shadow: 0px 12px 12px #cacaca;
  z-index: 80;
}

header#hero .start-right{
  padding-top: 200px;
  background-color: #fff;
  height: 100vh
}

section#continents
{
  background-image: linear-gradient(to top, white 25%, #ffffffd4 75%);
  box-shadow: 0px 12px 12px #cacaca;
  z-index: 60;
 /* height: 70vh; */
}

section#europe
{
  background-image: linear-gradient(to top, white 25%, #ffffffd4 75%);
  box-shadow: 0px 12px 12px #cacaca;
  z-index: 50;
 /* height: 100vh; */
}

section#americas
{
  background-image: linear-gradient(to top, white 25%, #ffffffd4 75%);
  box-shadow: 0px 12px 12px #cacaca;
  z-index: 40;
 /* height: 100vh; */
}

.global{
  background-image: url(../../images/Virus-Icon_Infection_invert.png);
  background-position: 650px 225px;
  background-repeat: no-repeat;
  background-size: 65%;
  background-attachment: fixed;
  background-color: #FFFFFF;
}


section#continents{
 background: url('../../images/World_map_grey.svg');
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center 200px; 
  background-size: 100%;
}

/*_outlines.svg*/
section#americas{
  background-image: url(../../images/parallax/South_America_50procent.svg);
  background-position: 350px 150px;
  background-repeat: no-repeat;
  background-size: 25%;
  background-attachment: fixed;
  background-color: #FFFFFF;
}

/*_outlines.svg*/
section#europe{
  background-image: url(../../images/parallax/Europe_50procent.svg);
  background-position: 860px 0px;
  background-size: 55%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #FFFFFF;
}
/* onepager.css | https://www.euroimmun.com/fileadmin/user_upload/Project-based/Infection-global/template/css/onepager.css?1728984884 */

table thead th {
  --bs-table-bg: #93a4d0;
  color: #fff;
  border: none;
}

thead th:nth-child(1) {
  text-align:left;
}

tbody th {
  text-align:left;
}

th.headline {
  border: none;
  --bs-table-bg: #0db14b;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
}

th.main-row {
  text-align: left;
  --bs-table-bg: #dfe3f1;
  font-size: 18px;
}

tbody th {
  text-align:left;
}

.headline table th {
  padding-left: 20px;
}

.euro-table {
  --bs-table-border-color: #dfe3f1;
}

.headline .accordion-body {
  padding: 0;
}

.headline table {
  margin:0;
}

.headline .accordion-button:not(.collapsed),
.headline .accordion-button {
  background-color: #0db14b;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
}


hr {
  opacity: .25;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #ccc;
}

#system ul, #americas ul {
  list-style-type: circle;
}

/*
#system li::marker {
color:#00529c;
font-size:1.5rem;
}
*/  

.center-list {
  display: flex;
  justify-content: center;
}
.center-list ul {
  text-align: left;
  list-style-position: inside;
}

/*
.h-85 {
height: 85%!important;
}
*/

.accordion-body li {
  margin-bottom: 8px;
}


.icon-link:before {
  content: url('../../images/Icons/pdf_green.svg');
  margin-right: 0.5rem;
  width: 18px;
  display: inline-block;
  vertical-align: middle;
}


.bg-euro {
  background-color: #EEEEEE;
}


html {
  scroll-behavior: smooth;
}

header {
  height: auto;
}

.scrolllink {
  color: #3e3c3d;
}

body a {
  text-decoration: none;
}

body a:hover{
  text-decoration: underline;
}

.text-euro {
  color:#0db14b;
}


section {
  position:relative;
}

.icon-stack {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:100%;
  height:2rem;
  width:2rem;
  font-size:1rem;
  background-color:#0db14b
}
.icon-stack svg {
  height:1rem;
  width:1rem
}
.icon-stack-lg {
  height:4rem;
  width:4rem;
  font-size:1.5rem
}
.icon-stack-lg svg {
  height:1.5rem;
  width:1.5rem
}
.icon-stack-xl {
  height:7rem;
  width:7rem;
  font-size:1.75rem
}
.icon-stack-xl svg {
  height:3.75rem;
  width:3.75rem
}

section#spectrum a {
  display: block;
  margin:1rem;
}

/*TABS*/

.nav-flex{
  display: flex;
}

.nav-tabs .nav-link {
  /*opacity: 0.5;*/
  color: #0db14b;
  border-radius: 0px;
  isolation: isolate;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  opacity: 1;
}

.tab-content {
  background-color: #fff;
  border-radius: 0px;
  transform: ;
  box-shadow: 0px 0px 1px #ddd;
}

.alert-euro {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: #EEEEEE;
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

/****************FOOTER****************/
footer a {
  color: #212529;
}

/*FIX 100vh ios*/


/****************MEDIA QUERIES****************/

/*Max width - desktop first*/
@media (max-width:576px) {
#hero .lead {
  margin-bottom: 5px;
}

.parallax {
  min-height: 350px;
}


.hero-icon {
  padding:10px;
  margin-bottom:5px;
}

.icon-stack-xl {
  height: 5rem;
  width: 5rem;
  font-size: 1.75rem;
  margin-bottom:1rem;
}
.icon-stack {
  
  background-color:#ffffff00
}

#hero .icon-stack svg path{
  fill: #0db14b;
}

#hero {
  background: none;
}

#logo-euroimmun,
#logo-ids{
  width: 50%;
}

#hero a {
  font-size: 1rem;
}

.bg-solutions {
  background-color: #EEEEEE;
  background-image: none;
  
}

.contact-btn{
  display:none;
}

button.btn-euro.pulse {
  
  margin-top: 4rem;
}

.contact-btn{
  width:50px;
  height:50px;
  bottom:calc(100% / 6);
}

.layer {
  background-position: -1024px 225px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 115vh;
  position: fixed;
  z-index: -1;
}

}
.contact-btn,
.up-btn {
  z-index:999;
}


@media (max-height:768px){

.hero-title {
  padding-top: 5rem;
}

button.btn-euro.pulse {
  padding: 10px 30px 10px 30px;
}
button.btn.btn-euro.pulse {
  margin-top: 0.75rem;
}

}

@media (max-width:992px) {
#hero .hero-title {
  font-size: 3rem;
}
/*
.h-85 {
height: auto!important;
}
*/
}

@media (max-width:768px) {
#hero .hero-title {
  font-size: 2rem;
}
}



@media (max-width:576px) {

#logo-euroimmun{
  width:40%
}
#logo-ids {
  left: calc(40% + 2rem); /* Breite von #logo1 plus zweifacher linker Rand */
}

.hero-divider {
  top: 110vh;
}

#hero {
  height: 100vh;
}

/*    #hero #referenceService svg path {
fill: #ffffff!important;
}
*/    

.layer {
  height: 125vh;
}

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

.hero-divider {
  top: 110vh;
}

#hero {
  height: 100vh;
}

section#americas, section#europe{
 /* height: 225vh;*/
}

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

.hero-divider {
  top: 110vh;
}

#hero {
  height: 110vh;
}

}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
.hero-divider {
  top: 100vh;
}

#hero {
  height: 100vh;
}

#continents>.container{
  padding-top: 100px;
}

}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.hero-divider {
  top: 100vh;
}

#hero {
  height: 100vh;
}
}



/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
.hero-divider {
  top: 100vh;
}

#hero {
  height: 100vh;
}

}

@media (min-width: 768px) {
.btn-scroll {
  display: flex;
}
}

@media screen and (orientation: landscape) and (max-height: 768px) {
.btn-scroll {
  display: none;
}
}


@media (max-height: 600px) and (min-width:578px){

.container-fluid #cards {
  margin-bottom:0rem!important;
}
.container-fluid #cards .icon-stack {
  margin-bottom:0.25rem!important;
}
.icon-stack-xl {
  height: 5rem;
  width: 5rem;
}
.icon-stack-xl svg {
  height: 2.25rem;
  width: 2.5rem;
}
}