@font-face {
    font-family: 'Georgia';
    src: url('Georgia.eot');
    src: local('Georgia'),
        url('Georgia.eot?#iefix') format('embedded-opentype'),
        url('Georgia.woff2') format('woff2'),
        url('Georgia.woff') format('woff'),
        url('Georgia.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Georgia';
    src: url('Georgia-Bold.eot');
    src: local('Georgia Bold'), local('Georgia-Bold'),
        url('Georgia-Bold.eot?#iefix') format('embedded-opentype'),
        url('Georgia-Bold.woff2') format('woff2'),
        url('Georgia-Bold.woff') format('woff'),
        url('Georgia-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Georgia';
    src: url('Georgia-Italic.eot');
    src: local('Georgia Italic'), local('Georgia-Italic'),
        url('Georgia-Italic.eot?#iefix') format('embedded-opentype'),
        url('Georgia-Italic.woff2') format('woff2'),
        url('Georgia-Italic.woff') format('woff'),
        url('Georgia-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Georgia';
    src: url('Georgia-BoldItalic.eot');
    src: local('Georgia Bold Italic'), local('Georgia-BoldItalic'),
        url('Georgia-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('Georgia-BoldItalic.woff2') format('woff2'),
        url('Georgia-BoldItalic.woff') format('woff'),
        url('Georgia-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}


@font-face {
    font-family: 'Recoleta Alt';
    src: url('RecoletaAlt-Thin.eot');
    src: local('Recoleta Alt Thin'), local('RecoletaAlt-Thin'),
        url('RecoletaAlt-Thin.eot?#iefix') format('embedded-opentype'),
        url('RecoletaAlt-Thin.woff2') format('woff2'),
        url('RecoletaAlt-Thin.woff') format('woff'),
        url('RecoletaAlt-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta';
    src: url('Recoleta-Medium.eot');
    src: local('Recoleta Medium'), local('Recoleta-Medium'),
        url('Recoleta-Medium.eot?#iefix') format('embedded-opentype'),
        url('Recoleta-Medium.woff2') format('woff2'),
        url('Recoleta-Medium.woff') format('woff'),
        url('Recoleta-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('RecoletaAlt-SemiBold.eot');
    src: local('Recoleta Alt SemiBold'), local('RecoletaAlt-SemiBold'),
        url('RecoletaAlt-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('RecoletaAlt-SemiBold.woff2') format('woff2'),
        url('RecoletaAlt-SemiBold.woff') format('woff'),
        url('RecoletaAlt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('RecoletaAlt-Medium.eot');
    src: local('Recoleta Alt Medium'), local('RecoletaAlt-Medium'),
        url('RecoletaAlt-Medium.eot?#iefix') format('embedded-opentype'),
        url('RecoletaAlt-Medium.woff2') format('woff2'),
        url('RecoletaAlt-Medium.woff') format('woff'),
        url('RecoletaAlt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('RecoletaAlt-Regular.eot');
    src: local('Recoleta Alt Regular'), local('RecoletaAlt-Regular'),
        url('RecoletaAlt-Regular.eot?#iefix') format('embedded-opentype'),
        url('RecoletaAlt-Regular.woff2') format('woff2'),
        url('RecoletaAlt-Regular.woff') format('woff'),
        url('RecoletaAlt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta';
    src: url('Recoleta-Thin.eot');
    src: local('Recoleta Thin'), local('Recoleta-Thin'),
        url('Recoleta-Thin.eot?#iefix') format('embedded-opentype'),
        url('Recoleta-Thin.woff2') format('woff2'),
        url('Recoleta-Thin.woff') format('woff'),
        url('Recoleta-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('RecoletaAlt-Bold.eot');
    src: local('Recoleta Alt Bold'), local('RecoletaAlt-Bold'),
        url('RecoletaAlt-Bold.eot?#iefix') format('embedded-opentype'),
        url('RecoletaAlt-Bold.woff2') format('woff2'),
        url('RecoletaAlt-Bold.woff') format('woff'),
        url('RecoletaAlt-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('RecoletaAlt-Black.eot');
    src: local('Recoleta Alt Black'), local('RecoletaAlt-Black'),
        url('RecoletaAlt-Black.eot?#iefix') format('embedded-opentype'),
        url('RecoletaAlt-Black.woff2') format('woff2'),
        url('RecoletaAlt-Black.woff') format('woff'),
        url('RecoletaAlt-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('RecoletaAlt-Light.eot');
    src: local('Recoleta Alt Light'), local('RecoletaAlt-Light'),
        url('RecoletaAlt-Light.eot?#iefix') format('embedded-opentype'),
        url('RecoletaAlt-Light.woff2') format('woff2'),
        url('RecoletaAlt-Light.woff') format('woff'),
        url('RecoletaAlt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta';
    src: url('Recoleta-SemiBold.eot');
    src: local('Recoleta SemiBold'), local('Recoleta-SemiBold'),
        url('Recoleta-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('Recoleta-SemiBold.woff2') format('woff2'),
        url('Recoleta-SemiBold.woff') format('woff'),
        url('Recoleta-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta';
    src: url('Recoleta-Regular.eot');
    src: local('Recoleta Regular'), local('Recoleta-Regular'),
        url('Recoleta-Regular.eot?#iefix') format('embedded-opentype'),
        url('Recoleta-Regular.woff2') format('woff2'),
        url('Recoleta-Regular.woff') format('woff'),
        url('Recoleta-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta';
    src: url('Recoleta-Bold.eot');
    src: local('Recoleta Bold'), local('Recoleta-Bold'),
        url('Recoleta-Bold.eot?#iefix') format('embedded-opentype'),
        url('Recoleta-Bold.woff2') format('woff2'),
        url('Recoleta-Bold.woff') format('woff'),
        url('Recoleta-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta';
    src: url('Recoleta-Black.eot');
    src: local('Recoleta Black'), local('Recoleta-Black'),
        url('Recoleta-Black.eot?#iefix') format('embedded-opentype'),
        url('Recoleta-Black.woff2') format('woff2'),
        url('Recoleta-Black.woff') format('woff'),
        url('Recoleta-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta';
    src: url('Recoleta-Light.eot');
    src: local('Recoleta Light'), local('Recoleta-Light'),
        url('Recoleta-Light.eot?#iefix') format('embedded-opentype'),
        url('Recoleta-Light.woff2') format('woff2'),
        url('Recoleta-Light.woff') format('woff'),
        url('Recoleta-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Avenir Next';
    src: local('Avenir Next Regular'), local('Avenir-Next-Regular'),
        url('AvenirNextCyr-Regular.woff2') format('woff2'),
        url('AvenirNextCyr-Regular.woff') format('woff'),
        url('AvenirNextCyr-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

@font-face {
	font-family: 'ChronicleTextG1-Roman';
	src: url('../fonts/chronicletextg1-roman.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/chronicletextg1-roman.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/chronicletextg1-roman.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/chronicletextg1-roman.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/chronicletextg1-roman.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/chronicletextg1-roman.svg#chronicletextg1-roman') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'IvyOra Text';
    src: url('IvyOraText-RegularItalic.eot');
    src: local('IvyOra Text Regular Italic'), local('IvyOraText-RegularItalic'),
        url('IvyOraText-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('IvyOraText-RegularItalic.woff2') format('woff2'),
        url('IvyOraText-RegularItalic.woff') format('woff'),
        url('IvyOraText-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IvyOra Text';
    src: url('IvyOraText-Regular.eot');
    src: local('IvyOra Text Regular'), local('IvyOraText-Regular'),
        url('IvyOraText-Regular.eot?#iefix') format('embedded-opentype'),
        url('IvyOraText-Regular.woff2') format('woff2'),
        url('IvyOraText-Regular.woff') format('woff'),
        url('IvyOraText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IvyOra Text';
    src: url('IvyOraText-BoldItalic.eot');
    src: local('IvyOra Text Bold Italic'), local('IvyOraText-BoldItalic'),
        url('IvyOraText-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('IvyOraText-BoldItalic.woff2') format('woff2'),
        url('IvyOraText-BoldItalic.woff') format('woff'),
        url('IvyOraText-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IvyOra Text';
    src: url('IvyOraText-Thin.eot');
    src: local('IvyOra Text Thin'), local('IvyOraText-Thin'),
        url('IvyOraText-Thin.eot?#iefix') format('embedded-opentype'),
        url('IvyOraText-Thin.woff2') format('woff2'),
        url('IvyOraText-Thin.woff') format('woff'),
        url('IvyOraText-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IvyOra Text';
    src: url('IvyOraText-MediumItalic.eot');
    src: local('IvyOra Text Medium Italic'), local('IvyOraText-MediumItalic'),
        url('IvyOraText-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('IvyOraText-MediumItalic.woff2') format('woff2'),
        url('IvyOraText-MediumItalic.woff') format('woff'),
        url('IvyOraText-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IvyOra Text';
    src: url('IvyOraText-LightItalic.eot');
    src: local('IvyOra Text Light Italic'), local('IvyOraText-LightItalic'),
        url('IvyOraText-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('IvyOraText-LightItalic.woff2') format('woff2'),
        url('IvyOraText-LightItalic.woff') format('woff'),
        url('IvyOraText-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IvyOra Text';
    src: url('IvyOraText-Bold.eot');
    src: local('IvyOra Text Bold'), local('IvyOraText-Bold'),
        url('IvyOraText-Bold.eot?#iefix') format('embedded-opentype'),
        url('IvyOraText-Bold.woff2') format('woff2'),
        url('IvyOraText-Bold.woff') format('woff'),
        url('IvyOraText-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IvyOra Text';
    src: url('IvyOraText-ThinItalic.eot');
    src: local('IvyOra Text Thin Italic'), local('IvyOraText-ThinItalic'),
        url('IvyOraText-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('IvyOraText-ThinItalic.woff2') format('woff2'),
        url('IvyOraText-ThinItalic.woff') format('woff'),
        url('IvyOraText-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IvyOra Text';
    src: url('IvyOraText-Light.eot');
    src: local('IvyOra Text Light'), local('IvyOraText-Light'),
        url('IvyOraText-Light.eot?#iefix') format('embedded-opentype'),
        url('IvyOraText-Light.woff2') format('woff2'),
        url('IvyOraText-Light.woff') format('woff'),
        url('IvyOraText-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IvyOra Text';
    src: url('IvyOraText-Medium.eot');
    src: local('IvyOra Text Medium'), local('IvyOraText-Medium'),
        url('IvyOraText-Medium.eot?#iefix') format('embedded-opentype'),
        url('IvyOraText-Medium.woff2') format('woff2'),
        url('IvyOraText-Medium.woff') format('woff'),
        url('IvyOraText-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}






.sppb-carousel-extended-heading,
.sppb-sp-slider-title,
h1,
h2{
    //font-family: 'ChronicleTextG1-Roman' !important;;
    font-family: 'IvyOra Text' !important;
  font-weight: bold !important;
}


h3,
h4,
h5,
h6{
  font-family: 'Avenir Next' !important;
  }

#sp-header{
  height: auto !important;
}

#sp-header .logo-image{
height: 40px !important;
  max-height: 40px !important;
}

.sppb-carousel-extended.hero-silder .sppb-carousel-extended-item .sppb-carousel-extended-content-wrap .sppb-carousel-extended-heading{
    letter-spacing: 0px !important;
}

#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-menu-item>a, #sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-menu-item>span{
font-size: 18px !important;
  
}

#sp-header>.container{
  max-width: 100% !important;
}

@media screen and (min-width: 992px) {
  
#sp-header{
  position: fixed !important;
  background: none !important;
    padding: 40px 60px;
  animation: none !important;
    transition: 0.4s;

}

#sp-header.header-sticky,
.fixed-menu #sp-header.header-sticky, .case-studies-page.view-dynamic #sp-header.header-sticky{
  //background: rgba(0,0,0,0.85) !important;
  background: #374347 !important;
  padding-top: 0px;
  padding-bottom: 0px;
  transition: 0.4s;
  animation: none !important;
}

  #modal-menu{
    top: 165px !important;
  }

  .sticky-header-placeholder{
    display: none !important;
  }

  #modal-menu ul.sp-megamenu-parent > li > a, #modal-menu ul.sp-megamenu-parent > li > span {
    font-size: 40px !important;
  }
  #sp-header.header-sticky #modal-menu{
    top: 85px !important;
  }
  
.burger-icon>span{
  background-color: #ffffff !important;
}


  #modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul>li>a{
      font-size: 22px !important;
  }

  #sp-header.header-with-modal-menu.classic-layout .modal-menu-inner > div .sp-megamenu-wrapper {
    height: 80% !important;
  }

  #modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
    padding: 40px !important;
    border-radius: 16px !important;
    margin-left: 20px !important;
  }

  #modal-menu .sppb-btn-custom{
    font-size: 20px !important;
    padding: 20px 40px !important;
  }

  
}

#modal-menu-toggler{
  padding: 20px; 
  border-radius: 16px;
    background-color: #374347;

}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{
  color: #374347 !important;
}

.burger-icon span:nth-child(2){
  width: 80% !important;
}

#sp-header.header-sticky #modal-menu-toggler{
      background-color: none;

}



/*.startslider .sp-slider-content-align-left{
      padding: 50px;
    //border: 1px solid #fff;
    border-radius: 16px;
    width: max-content;
  backdrop-filter: blur(5px);
  width: 70%;
  background: rgba(255, 255, 255, 0.85);
}*/



@media screen and (max-width: 600px) {
.startslider .sp-slider-content-align-left{
  width: 100%;
}
}

h1 {
  font-size: clamp(2.5rem, 5vw, 4rem) !important;   /* ca. 40px – 64px */
}

h2 {
  font-size: clamp(1.75rem, 4vw, 2.5rem) !important;     /* ca. 32px – 48px */
  line-height: 1.2 !important;
}

h3 {
  font-size: clamp(1.5rem, 3vw, 1.5rem) !important; /* ca. 28px – 40px */
}

h4 {
  font-size: clamp(1.5rem, 2.5vw, 1.5rem) !important;  /* ca. 24px – 32px */
}

h5 {
  font-size: clamp(1.25rem, 2vw, 1.25rem) !important; /* ca. 20px – 24px */
}

h6 {
  font-size: clamp(1rem, 1.5vw, 1rem) !important; /* ca. 16px – 20px */
}



 h1{
  font-size: 80px !important;
}

  @media screen and (max-width: 600px) {
  .page-heading h1,
    .page-heading h2{
    font-size: 35px !important;;
  }
    h2{
font-size: 25px !important;
      
    }
}



p, .sppb-btn, .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
  font-family: 'Avenir Next' !important;

}

p{
  font-size: 1.15rem !important;
}

ul li{
  font-size: 17px !important;
}

.sp-dropdown-main{
width: fit-content !important;
  
}


body .sppb-btn.btn-default, body .sppb-btn.sppb-btn-default, body .btn.btn-default, body .btn.sppb-btn-default{
   background-color: #8aa2a9 !important;
   border-color: #8aa2a9 !important; 
}

.sppb-carousel-extended.hero-silder{
//box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  
}



.sppb-carousel-extended.hero-silder .sppb-carousel-extended-item img{

  //display: none !important;
}

.sppb-carousel-extended.hero-silder .sppb-carousel-extended-item.active .sppb-carousel-extended-content-wrap{
  //background: #ffffff !important;
  //backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.8);
}

.sppb-carousel-extended.hero-silder .sppb-carousel-extended-item .sppb-btn{

  background: #c20404 !important;
  color: #ffffff !important;
  padding: 15px 25px;;
}



.sppb-carousel-extended.hero-silder .sppb-carousel-extended-subheading{

  font-size: 16px !important;
}

.sppb-carousel-extended.hero-silder .sppb-carousel-extended-heading{
  font-weight: bold !important;
}

.sppb-color-switcher-modes{
  display: none !important;
}

@media screen and (min-width: 1920px) {
    #sppb-addon-78ce359b-1da4-4819-9364-c6c84754dc0b .sppb-carousel-extended.hero-silder .sppb-carousel-extended-outer-stage {
height: 100vh !important;
    }
}


.sppb-addon-overlay-image-content a{
//outline: 4px solid #fff;
//outline-offset: -15px;
}

.sppb-addon-overlay-image-content .sppb-addon-title a{
outline: none !important;
        font-family: 'IvyOra Text' !important;
font-weight: bold !important;
  font-size: 40px !important;
  text-transform: lowercase;
  margin: 0 !important;
  padding: 0 !important;
}


#service_section_start .sppb-addon-overlay-image-content .sppb-addon-title a{
font-size: 80px !important;
}

@media screen and (max-width: 770px) {
#service_section_start .sppb-addon-overlay-image-content .sppb-addon-title a{
font-size: 55px !important;
}
  
}


@media screen and (max-width: 450px) {
#service_section_start .sppb-addon-overlay-image-content .sppb-addon-title a{
font-size: 35px !important;
  line-height: 20px;
}
  
}


@media screen and (max-width: 400px) {
#service_section_start .sppb-addon-overlay-image-content .sppb-addon-title a{
font-size: 30px !important;
}
  
}


#services .sppb-addon-overlay-image-content{
padding: 15px !important;
  padding-bottom: 0px !important;
}

#services .overlay-image-title .sppb-addon-title{
 margin: 0;
    background: #fff;
    padding: 20px;
   margin: 0 !important;
 border-radius: 16px 16px 0px 0px;
  backdrop-filter: blur(10px);
}


.sppb-addon-overlay-image-content a{

  z-index: 100000 !important;
}

.sppb-addon-overlay-image:hover .title-subtitle-bottom-left .sppb-addon-subtitle, .sppb-addon-overlay-image:hover .title-subtitle-bottom-left .sppb-addon-title, .sppb-addon-overlay-image:hover .title-subtitle-center-left .sppb-addon-subtitle, .sppb-addon-overlay-image:hover .title-subtitle-center-left .sppb-addon-title, .sppb-addon-overlay-image:hover .title-subtitle-top-left .sppb-addon-subtitle, .sppb-addon-overlay-image:hover .title-subtitle-top-left .sppb-addon-title{
  transform: translate3d(50px,0,0) !important;
  }


.sppb-carousel-extended-heading a{
backdrop-filter: blur(20px);
    border-radius: 16px;
    padding: 35px 50px !important;
    border: 1px solid #fff;
  color: #ffffff !important;

}

.sppb-carousel-extended-item img{
  object-fit: cover !important;
}


.offline-message{
background: #fff;
padding: 40px;
border-radius: 16px;
  
}





.fixed-menu #sp-header .sppb-button-wrapper .sppb-btn:hover, .fixed-menu #sp-header .sppb-button-wrapper .sppb-btn:focus, .case-studies-page.view-dynamic #sp-header .sppb-button-wrapper .sppb-btn:hover, .case-studies-page.view-dynamic #sp-header .sppb-button-wrapper .sppb-btn:focus{
border-color: #ffffff !important;
  
}





/* SP Simple Portfolio: Meta-Daten ausblenden */

.sp-simpleportfolio-info,
.sp-simpleportfolio-description,
.sp-simpleportfolio-btns .btn-view{
  display: none !important;
}

.sp-simpleportfolio-overlay-wrapper{
  border-radius: 16px;
}