/*@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');*/

@font-face {
  font-family: Outfit;
  src: url('../../assets/fonts/Outfit-VariableFont_wght.woff2') format('woff2 supports variations'),
    url('../../assets/fonts/Outfit-VariableFont_wght.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}

body {
  background: #F7FAEB;
  color: #002033;
  font-size: 18px;
  font-family: "Outfit", sans-serif;
  padding-top:80px;
}

section {
  margin-top: var(--space-xxl);
}

section:first-child, .main-container.method section:first-child {
  margin-top: 0px;
}
p a, label a {color: #002033;}
.profile-logo {max-height:80px; max-width:100%;}

.opa-05 {opacity: .5}

.modal {
     background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); 
}
.modal-header {
    border:none;
}
.modal-content {
    border:none;
    -webkit-box-shadow: 0px 0px 40px 1px rgba(0,0,0,0.7); 
    box-shadow: 0px 0px 40px 1px rgba(0,0,0,0.7);
}
.slider-expand {
  width: calc(100% + 30px);
  margin-left: -15px;
}

.slick-list {
  overflow: visible;
}

.slider-arrows-container .slick-arrow {
  background: none;
  border: none;
  position: relative;
  font-size: 0;
  width: 50px;
  height: 50px;
}

.slider-arrows-container .slick-arrow:after {
  color: #002033;
  position: absolute;
  content: '\f023';
  font-size: 40px;
  font-family: "2bgood";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.slider-arrows-container .slick-arrow.slick-prev:after {
  content: '\f021';
}

.tempMessage {
    border-radius:0px;
    border:none;
    max-width:1600px;
    margin:auto;
}

.tempMessage button{
    margin-right:calc(var(--space-content-wrapper) - 1rem);
}

.breadcrumb {
  margin-top: 20px;
  position: absolute;
}

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

.sticky-top.filter-bar {
  top: 100px;
}

.main-container {
  max-width: 1600px;
  background: #FAFCF3;
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  border-color: #E6ECEF;
  padding: var(--space-content-wrapper);
  padding-top: 76px;
  padding-bottom: 95px;
  margin: auto;
}
.main-container.log-in {
    max-width: 550px;
    border-width: 1px;
    padding: var(--space-md);
    margin: var(--space-xl) auto;
}

.main-container.interview {
    max-width: 1200px;
    border-width:1px;
    padding: var(--space-md) var(--space-content-wrapper);
   /* margin: var(--space-md) auto;*/
}

.main-container.method section {max-width:1100px; margin:auto;   margin-top: var(--space-xl);}

.interview-steps{
    border-radius:5px;
}
.interview-steps.active{
    font-weight:bold;
}
.interview-answer{
    margin-top: var(--space-sm);
    color:#747472;
}

.interview-score{
    text-transform: uppercase;
    color:#747472;
}
.container.interview {
    max-width:1200px;
    padding:0px;
}

.main-container.small-top-space {
  padding-top: 106px;
}

.progress {height: .5rem;}

.main-container.progress-public .progress {height: inherit; border-radius:0px;}

.main-container.progress-public .progress .progress-bar {
     color:inherit;
}

.main-container.progress-public .progress.company .progress-bar {
    padding:6px;
}

.main-container.progress-public .progress.average .progress-bar {
    font-size:18px;
    padding:10px;
}

.main-container.progress-public .progress-Total .progress.company .progress-bar {
    background: #003e62;
    color:#fafcf3;
}

.main-container.progress-public .progress-Total .progress.company .progress-bar .headline.small {
    font-size: clamp(36px, 2.08vw + 14.67px, 48px);
    letter-spacing: -2%;
}
.main-container.progress-public .progress-Environment .progress.company .progress-bar {
    background: #b8d04b;
}

.main-container.progress-public .progress-Social .progress.company .progress-bar {
    background: #ec4699;
}

.main-container.progress-public .progress-Governance .progress.company .progress-bar {
    background: #1fb8d6;
}

.start-header {
  max-width: 1600px;
  background-image: url(../../assets/images/home-hero.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  color: #fafcf3;
  margin: auto;
 
}

.about-header {
  max-width: 1600px;
  margin: auto;
  padding: var(--space-content-wrapper);
  padding-bottom: calc(var(--space-content-wrapper) + 50px);
  padding-top: 76px;
}

.start-header .overlay {
  background: #002033;
  background: linear-gradient(90deg, rgba(0, 32, 51, 0.8) 0%, rgba(0, 32, 51, 0) 60%);
  padding: var(--space-content-wrapper);
  padding-bottom: calc(var(--space-content-wrapper) + 50px);
}

.start-header .headline.dotted {
  border: 2px dotted #fafcf3;
  font-weight: 400;
}

.start-header ul,
.cta-score ul,
.start-header-mobil ul {
  list-style-type: none;
  padding-left: 0px !important;
}

.start-header ul li,
.cta-score ul li,
.start-header-mobil ul li {
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 30px;
}

.start-header-mobil ul li {
  display: block;
}

.start-header ul li span.icon,
.cta-score ul li span.icon,
.start-header-mobil ul li span.icon {
  font-size: 25px;
  position: absolute;
  left: 0;
  color: #b8d04b;
}

.start-header {
  position: relative;
}

.start-header img.header-score {
  position: absolute;
  bottom: -60px;
  width: 35%;
  max-width: 500px;
  right: 10%;
  transform: rotate(-10deg);
}

@media (max-width: 767px) {
  .start-header img.header-score {
    bottom: -15%;
    width: 40%;
    max-width: 500px;
    right: 10%;
  }
}

@media (max-width: 415px) {
  .start-header img.header-score {
    left: 0;
    bottom: -38%;
    width: 55%;
    margin-left: 30%;
  }
}

.cta-score ul li span.icon {
  color: inherit;
}

.start-header .content {
  max-width: 43%;
}

@media (max-width: 1214px) {
  .start-header .content {
    max-width: 55%;
  }
}

@media (max-width: 991px) {
    .container.interview {
   padding: 0px var(--space-content-wrapper);
        max-width:710px;
}
  .tempMessage {
    max-width:710px;
}

  .start-header {
    aspect-ratio: 4 / 2.2;
    background-size: 150%;
    background-position: center 20%;
    max-width: 710px;
    background-image: url(../../assets/images/home-hero-mobile.webp);
  }

  .about-header {
    max-width: 710px;
    padding-top: 110px;
  }

  .start-header .overlay {
    height: 100%;
    padding-bottom: calc(var(--space-content-wrapper) + 0px);
  }

  .start-header .overlay .headline.dotted {
    font-size: 14px;
  }

  .start-header .overlay .content {
    max-width: 710px;
    margin: auto;
    padding-left: 0px;
    padding-right: 25%;
    height: 100%;
  }
}

@media (max-width: 767px) {
  .start-header {
    aspect-ratio: 4 / 2.5;
    background-size: 150%;
    background-position: center top;
  }

  .start-header .overlay .content {
    max-width: 100%;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }

  .start-header .overlay {
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 32, 51, 0.8) 0%, rgba(0, 32, 51, 0) 100%);
    padding-bottom: calc(var(--space-content-wrapper) + 0px);
  }
}

.start-header-addon {
  max-width: 1600px;
  background: #FAFCF3;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #E6ECEF;
  margin: auto;
  overflow: hidden;
  border-radius: 20px 20px 0px 0px;
  margin-top: -20px;
  position: relative;
  z-index: 5;
}

.start-header-addon .fact,
.about .fact {
  margin-right: 15px;
  font-size: 35px;
  font-weight: 700;
}

.start-header-addon .fact img,
.about .fact img {
  max-height: 45px;
  margin-top: -4px;
}

@media (max-width: 991px) {
  .start-header-addon {
    background: #d3dee4;
    border: none;
    text-align: center;
    border-radius: 20px 20px 20px 20px;
    padding: var(--space-md);
    margin-bottom: var(--space-lg);
  }

  /* .start-header-addon .fact img {margin-bottom:15px; margin-top:5px;}*/
  .start-header-addon .fact {
    margin-right: 0px;
    margin-bottom: 5px;
  }

  .about .fact {
    margin-top: -4px;
  }

  .about .vertical-spacer {
    border-top: 1px solid;
  }
}

@media (max-width: 575px) {
  .about-header .vertical-spacer {
    border-top: 1px solid;
  }
    .w-xs-100 {
        width:100%;
    }
}

.gradiant-green {
  border-radius: 20px 20px 0px 0px;
  width: calc(100% + var(--space-content-wrapper) + var(--space-content-wrapper));
  background: #DBE7A2;
  background: linear-gradient(180deg, rgba(219, 231, 162, 1) 0%, rgba(250, 252, 243, 1) 100%);
  margin-left: calc(-1 * var(--space-content-wrapper));
  padding: var(--space-content-wrapper);
}

.circle-box {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  padding-top: 6px;
  font-size: 32px !important;
}

.circle-box.ico {
  padding-top: 8px;
}

@media (max-width: 991px) {
  .main-container, .main-container.interview {
    padding: 20px;
    padding-top: 76px;
    padding-bottom: 95px;
    max-width: 710px;
    overflow: hidden;
  }
       .main-container.interview {
    padding: var(--space-md) 20px;
       
  
  }
}

@media (max-width: 710px) {
  .main-container, .main-container.interview {
    padding: 20px;
    padding-top: 76px;
    padding-bottom: 95px;
    border-width:0px;
  }
    
    .main-container.interview {
    padding: var(--space-lg) 20px;
        margin:0px;
  
  }
    .main-container.log-in {
  
    border-width:1px;
    padding: var(--space-md);
  
}
}
@media (max-width: 550px) {

.main-container.log-in {
    padding: var(--space-xl) var(--space-md);
    border-width:0px;
    margin:0px;
  
}
}
.container {
  max-width: 1600px;
  padding: 0px var(--space-content-wrapper);
}

.navbar {
  padding: 0px;
  background: rgba(250, 252, 243, 0.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.navbar .container {
  max-width: 1600px;
  padding: 0px;
  padding-right: var(--space-content-wrapper);
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #E6ECEF;
}

.navbar-brand {
  background: #E3177C;
  padding: 18px var(--space-content-wrapper);
  padding-bottom: 14px;
}

.navbar-toggler {
  border: none;
  padding-right: 0px;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250,252,243, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.navbar-nav .nav-link {
  margin: 8px 15px;
  padding: 2px 0px !important;
  font-weight: 700;
  color: #002033;
  border-bottom: 2px solid transparent;
}

.navbar-nav .nav-link.active {
  color: #002033;
  border-bottom: 2px solid #002033;
}

.navbar-nav .nav-link:hover {
  color: #002033;
  border-bottom: 2px solid #ec4699;
}

.navbar .logo-nav {
  width: 133px;
}

.dropdown-menu {
    margin-top:16px!important;
    border:1px solid #E6ECEF;
    border-radius:0px 0px 8px 8px;
    border-top:none;
    background: #fafcf1;
}
.dropdown-menu li {
padding:0px 15px;
}
.dropdown-menu li a{
 border-bottom: 2px solid transparent;
    padding:7px 0px 3px 0px;
}

.dropdown-menu li a:hover {
    background: none;
 border-bottom: 2px solid #ec4699;
}

.dropdown-menu li a.active {
background: none;
    border-bottom: 2px solid #002033;
    color:inherit;
}

.dropdown-menu li a:focus {
    color:inherit;
}

@media (max-width: 1180px) {
   .navbar:has(.dropdown-menu)  .small-menu-remove {display:none;}
   .navbar:has(.dropdown-menu) .nav-item:first-child a.nav-link {overflow:hidden; text-indent: -104px;}

} 

@media (max-width: 991px) {
  .navbar:has(.dropdown-menu) .small-menu-remove {display:inline-block;}
  .navbar:has(.dropdown-menu) .nav-item:first-child a.nav-link {text-indent:0px;}
  .dropdown-menu {
    margin-top:0px!important;
    border:none;
    background: none;
    text-align:center;
    color:#FAFCF3;
}
  .dropdown-menu li a{
    color:#FAFCF3;
  }
  .nav-item.dropdown a.nav-link, .nav-item.dropdown a.nav-link:active, .nav-item.dropdown a.nav-link:hover {
      color:#FAFCF3!important;
  }
  .navbar-brand img {
    filter: brightness(0) saturate(100%) invert(44%) sepia(100%) saturate(3046%) hue-rotate(306deg) brightness(98%) contrast(89%);
  }

  .navbar {
    background: #002033;
  }

  .navbar .container {
    background: #002033;
    border: none;
  }

  .navbar .container,
  .container {
    max-width: 710px;
  }

  .nav-item {
    margin-bottom: 30px;
  }

  .navbar-brand {
    background: none;
  }

  .navbar-brand img {
    color: #E3177C;
  }

  .navbar-nav .nav-link {
    color: #FAFCF3;
    display: inline-block;
  }

  .navbar-nav .nav-link.active {
    color: #FAFCF3;
    border-bottom: 2px solid #ec4699;
  }

  .navbar-nav {
    text-align: center;
  }

  .navbar-collapse {
    padding-bottom: 20px;
    margin-left: var(--space-content-wrapper);
  }
}

.txt-big, .main-container label, .modal label {
  font-size: 24px;
}
.main-container label, .modal label {
  font-weight:bold;
}

.main-container.interview label {
  margin-top:var(--space-md);
}
.modal label {
  margin-top:var(--space-xs);
}

.main-container label.std {
  font-size: inherit;
}
.main-container label.std  {
  font-weight:normal;
}

.main-container.interview label.std {
  margin-top:inherit;
}




.main-container.interview .spacer {
    height:1px;
    border:1px dashed #cccccc;
    margin:var(--space-xs) 0;
}

.summary-head {
    padding:15px;
}

.summary-content {
    padding:var(--space-xs) 15px;
}


.txt-small {
  font-size: 16px;
}

.headline,
.article-wrapper h2 {
  font-weight: 700;
  letter-spacing: -3%;
  margin-bottom: 0px;
}

.headline.hero {
  font-size: clamp(60px, 2.08vw + 38.67px, 72px);
}

.headline.big {
  font-size: clamp(48px, 2.08vw + 26.67px, 64px);
  letter-spacing: -3%;
  line-height: 110%;
}

.headline.medium,
.article-wrapper h2 {
  font-size: clamp(36px, 2.08vw + 14.67px, 48px);
  letter-spacing: -2%;
  line-height: 110%;
}

.headline.small {
  font-size: clamp(28px, 0.69vw + 20.89px, 32px);
  letter-spacing: -1%;
   
}

.headline span.icon {
  margin-right: 10px;
}

.headline.circle-box span.icon {
  margin-right: 0px;
}

@media (max-width: 991px) {
    
    .main-container label{
  font-size: 18px;
}
    
  body {
    font-size: 16px;
  }

  .txt-big {
    font-size: 20px;
  }

  .txt-small {
    font-size: 14px;
  }

  .headline {
    font-weight: 700;
    letter-spacing: -3%;
  }

  .headline.hero {
    font-size: clamp(40px, 3.08vw + 28.92px, 48px);
  }

  .headline.big {
    font-size: clamp(32px, 3.48vw + 18.43px, 40px);
  }

  .headline.medium {
    font-size: clamp(28px, 1.54vw + 22.46px, 32px);
    letter-spacing: -2%;
  }

  .headline.small {
    font-size: 24px;
    letter-spacing: -1%;
  }
}

.main-container ul {
  padding-left: 18px;
}

.main-container ul.pagination  {
  padding-left: 0px;
}

.main-container ul li {
  margin-bottom: 10px;
}

.main-container ul.pink li::marker {
  color: #ec4699;
}

.main-container ul.txt-big {
  padding-left: 23px;
}

.main-container ul.ico {
  padding-left: 0px;
  list-style-type: none;
}

.main-container ul.ico li {
  position: relative;
  padding-left: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.main-container ul.ico li span.icon {
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 25px;
}

.main-container ul.ico.ico-space-big li {
  padding-left: 40px;
}

.main-container ul.ico li s {
  text-decoration-color: #747472;
}

.headline.dotted {
  border: 2px dotted #002033;
  border-radius: 20px;
  display: inline-block;
  font-size: 18px;
  padding: 8px 16px;
}

.btn {
  border-width: 2px 4px 4px 2px;
  border-style: solid;
  border-color: #002033;
  color: #002033;
  font-weight: 700;
  line-height: 100%;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.btn:active {
  color: #FAFCF3;
  background: #002033 !important;
  border-color: #002033 !important;
}

.btn:hover {
  border-color: #002033;
  color: #002033;
}

.btn.lg {
  padding: 20px 24px 20px 24px;
}

.btn.md {
  padding: 16px 20px 16px 20px;
}

.btn.sm {
  padding: 12px 16px 12px 16px;
}

.btn.lg:hover {
  padding: 20px 28px 20px 28px;
}

.btn.md:hover {
  padding: 16px 24px 16px 24px;
}

.btn.sm:hover {
  padding: 12px 20px 12px 20px;
}

.btn.lg.ico.right {
  padding-right: 54px;
}

.btn.md.ico.right {
  padding-right: 50px;
}

.btn.sm.ico.right {
  padding-right: 46px;
}

.btn.lg.ico.left {
  padding-left: 54px;
}

.btn.md.ico.left {
  padding-left: 50px;
}

.btn.sm.ico.left {
  padding-left: 46px;
}

.btn.lg.ico.right:hover {
  padding: 20px 24px 20px 24px;
  padding-right: 64px;
}

.btn.md.ico.right:hover {
  padding: 16px 20px 16px 20px;
  padding-right: 60px;
}

.btn.sm.ico.right:hover {
  padding: 12px 16px 12px 16px;
  padding-right: 56px;
}

.btn.lg.ico.left:hover {
  padding: 20px 24px 20px 24px;
  padding-left: 64px;
}

.btn.md.ico.left:hover {
  padding: 16px 20px 16px 20px;
  padding-left: 60px;
}

.btn.sm.ico.left:hover {
  padding: 12px 16px 12px 16px;
  padding-left: 56px;
}

.btn.ico span.icon {
  font-size: 18px;
  position: absolute;
  top: 50%;
  margin-top: -9px;
    z-index:9;
    pointer-events: none;
}

.btn.lg.ico.right span.icon {
  right: 20px;
}

.btn.md.ico.right span.icon {
  right: 16px;
}

.btn.sm.ico.right span.icon {
  right: 12px;
}

.btn.lg.ico.left span.icon {
  left: 20px;
}

.btn.md.ico.left span.icon {
  left: 16px;
}

.btn.sm.ico.left span.icon {
  left: 12px;
}

.btn.btn-primary.score {
  background: #B8D04B;
}

.btn.btn-primary.magazin {
  background: #EC4699;
}

.btn.btn-secondary {
  background: none;
  border-width: 2px;
  margin-top: 1px;
}

.btn.lg.btn-secondary:hover {
  padding: 20px 24px 20px 24px;
}

.btn.md.btn-secondary:hover {
  padding: 16px 20px 16px 20px;
}

.btn.sm.btn-secondary:hover {
  padding: 12px 16px 12px 16px;
}

.btn.lg.ico.right.btn-secondary:hover {
  padding-right: 64px;
}

.btn.md.ico.right.btn-secondary:hover {
  padding-right: 60px;
}

.btn.sm.ico.right.btn-secondary:hover {
  padding-right: 56px;
}

.btn.lg.ico.left.btn-secondary:hover {
  padding-left: 64px;
}

.btn.md.ico.left.btn-secondary:hover {
  padding-left: 60px;
}

.btn.sm.ico.left.btn-secondary:hover {
  padding-left: 56px;
}

.btn.btn-secondary:hover {
  background: #c0cfd8;
  box-shadow: 0px 0px 0px 1px #002033;
}

.btn.btn-secondary:active {
  background: #002033;
  color: #fff;
}

.btn.md.btn-secondary.round {
  border-radius: 50%;
  padding: 11px;
  width: 53px;
  height: 53px;
  text-align: center;
}

.btn.md.btn-secondary.round span.icon {
  font-size: 25px;
}

.btn.ico {
  position: relative;
}

.btn.dis {
  opacity: 0.65;
  pointer-events: none;
}

.btn.sticky {
  border-radius: 8px 8px 0px 0px;
  border-width: 2px;
  max-width: 710px;
}

.bg-lightgreen .btn.btn-secondary:hover {
   background: #b8d04b; 
}
.bg-lightorange .btn.btn-secondary:hover {
    background: #f18b41;
}
.btn.sm.btn-secondary.ico.left input 
{
    background: #fafcf3; 
    border-radius: 8px; 
    border:none; 
    padding: 12px 16px 12px 16px; 
    width:100%; 
    position:absolute; 
    left:0; 
    top:0;  
    font-weight: 700;   
    line-height: 100%; 
    padding-left: 46px; 
    transition: all 0.3s ease;
}
.btn.sm.btn-secondary.ico.left:hover input {
    padding-left: 56px;
}
.btn.lg.btn-primary.ico.right input 
{
    background: #B8D04B; 
    border:1px solid red;
    border-radius: 8px; 
    border:none; 
    padding: 20px 24px 20px 24px;
    width:100%; 
    position:absolute; 
    left:0; 
    top:0;  
    font-weight: 700;   
    line-height: 100%; 
    padding-right: 54px; 
    transition: all 0.3s ease;
}
.btn.lg.btn-primary.magazin.ico.right input  {
    background: #ec4699; 
  
}
.btn.lg.btn-primary.ico.right:hover input {
     padding-right: 64px;
}
.btn.lg.btn-secondary.ico.left input 
{
    background: #fafcf3; 
    border:1px solid red;
    border-radius: 8px; 
    border:none; 
    padding: 20px 24px 20px 24px;
    width:100%; 
    position:absolute; 
    left:0; 
    top:0;  
    font-weight: 700;   
    line-height: 100%; 
    padding-left: 54px; 
    transition: all 0.3s ease;
}
.btn.lg.btn-secondary.ico.left:hover input {
     padding-left: 64px;
}

.pagination .page-item {
    margin: 0px 3px;
}
.pagination .page-item .page-link{
    border-radius:50%;
    width:50px;
    padding:0px;
    aspect-ratio: 1 / 1;
    padding-top:14px;
    line-height:18px;
    border:2px solid #002033;
    color:#002033;
    background: none;
    text-align:center;
}
.pagination .page-item .page-link:focus{
    box-shadow:none;
}
.pagination .page-item .page-link:hover{
    box-shadow: 0px 0px 0px 1px #002033;
    background:#c0cfd8;
}
.pagination .page-item.active .page-link{
    background: #b8d04b;
}
.pagination .page-item.disabled .page-link{
    background: #e6ecef;

}

.score-box {
    background: #f0f0f0;
    padding:var(--space-sm);
    border:1px solid #d0d0d0;
}

.card-content .picture {
  aspect-ratio: 1 / 1;
  padding: var(--space-md);
}

@media (max-width: 991px) {
  .card-content .picture {
    aspect-ratio: auto;
  }

  img.mobil-max-w-400px {
    max-width: 400px !important;
  }
}

.card-content .content {
  padding: var(--space-md);
}



img.pos-right {
  float: right;
  margin-bottom: 0;
  margin-right: calc(-1 * var(--space-md));
}

.product-box {
  padding: var(--space-lg);
}

.vertical-spacer {
  border-left: 1px solid #7e8191;
}

.vertical-spacer.lightgray {
  border-color: #c0cfd8 !important;
}
.vertical-spacer.transparent {
  border-color: transparent !important;
}

@media (max-width: 991px) {
  .vs-to-hs-lg .vertical-spacer {
    border-top: 1px solid;
  }
}

@media (max-width: 480px) {
  .product-box .abo-facts [class^="col"] {
    width: 100%;
  }

  .product-box .abo-facts .vertical-spacer {
    border-top: 1px solid #7e8191;
    max-width: 200px;
    margin: auto;
  }
}

.newsletter-box .form-control.newsletter {
  background: #f2f5f7;
  border-radius: 0px;
  color: #002033;
  border: 2px solid #002033;
  padding: 19px;
}

.newsletter-box .btn.btn-primary.newsletter {
  background: #c0cfd8;
  padding: 19px;
  border: 2px solid #002033;
  border-left: 1px solid #002033;
}

@media (max-width: 991px) {
  .newsletter-box .btn.btn-primary.newsletter {
    border-left: 2px solid #002033;
  }
}

.form-check-input.newsletter, .form-check-input.std{
  background-color: #f2f5f7;
  border-radius: 0px;
  border: 1px solid #002033;
  scale: 1.4;
}

.newsletter-box .form-check a {
  color: #002033;
}

.newsletter-box .form-check-input.newsletter:checked, .main-container .form-check-input.std:checked {
  --bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23002033' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>");
}

.form-check-input.std {
    
}

.payment {
  color: #747472;
}

.payment p,
.payment span {
  margin-right: 20px;
}

.payment span {
  font-size: 25px;
  display: inline-block;
}

.max-h-400px {
  max-height: 300px;
}

.card-testimonials,
.card-faq {
  border: 1px solid #C0CFD8;
  border-radius: 10px;
  padding: var(--space-sm);
  display: block;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}

.card-testimonials span.icon {
  font-size: 30px;
  margin-bottom: 16px;
  color: #C0CFD8;
  display: inline-block;
}

.card-testimonials p.content {
  padding-bottom: var(--space-xs);
  border-bottom: 1px solid #C0CFD8;
  margin-bottom: var(--space-xs);
}

.card-testimonials .testimonials-pic {
  margin-left: -16px;
  margin-top: -16px;
  width: calc(100% + 32px);
  border-radius: 10px 10px 0px 0px;
}

.card-testimonials .siegel {
  position: absolute;
  margin-top: -127px;
  right: 15px;
}

div.card-testimonials {
  padding: 16px;
}

div.card-testimonials .top-border {
  background: #fafcf3;
  height: 10px;
  border-radius: 10px 10px 0px 0px;
  width: calc(100% + 2px);
  margin-left: -17px;
  margin-top: -10px;
  position: absolute;
  transition: all 0.3s ease;
  border: 1px solid #d3dee4;
  border-bottom: none;
}

div.card-testimonials:hover {
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.3);
}

div.card-testimonials:active {
  background: #e6ecef;
  border: 1px solid #e6ecef;
}

div.card-testimonials:hover .top-border {
  background: #fff;
  border: 1px solid #fff;
  border-bottom: none;
}

div.card-testimonials:active .top-border {
  background: #e6ecef;
  border: 1px solid #e6ecef;
  border-bottom: none;
}

.bg-darkblue,
.article-tag.blue {
  background: #1fb8d6;
}

.bg-lightblue {
  background: #94e0f0;
  overflow: hidden;
}

.bg-darkorange,
.article-tag.orange {
  background: #f18b41;
}

.bg-lightorange {
  background: #f7bf96;
  overflow: hidden;
}

.bg-darkgreen,
.article-tag.green {
  background: #b8d04b;
}

.bg-lightgreen {
  background: #dbe7a2;
  overflow: hidden;
}

.bg-darkpink,
.article-tag.pink {
  background: #ec4699;
}

.bg-lightpink {
  background: #fce3f0;
  overflow: hidden;
}

.bg-white {
  background: #fafcf3;
}

.bg-lightgray {
  background: #e6ecef;
}

.bg-mediumgray {
  background: #d3dee4;
}

.bg-darkgray {
  background: #c0cfd8;
}

.spacer-lg {
  border-bottom: 7px solid;
  margin-bottom: var(--space-md);
}

.spacer-sm {
  border-bottom: 1px solid;
  margin: var(--space-xs) 0px;
}

.lightgray {
  border-color: #c0cfd8;
}

.darkpink {
  border-color: #ec4699;
}

span.underline {
  display: inline;
}

span.underline.orange {
  background-image: linear-gradient(to top, transparent 10%, #f18b41 10%, #f18b41 25%, transparent 25%);
}

span.underline.blue {
  background-image: linear-gradient(to top, transparent 10%, #1fb8d6 10%, #1fb8d6 25%, transparent 25%);
}

span.underline.green {
  background-image: linear-gradient(to top, transparent 10%, #b8d04b 10%, #b8d04b 25%, transparent 25%);
}

span.underline.pink {
  background-image: linear-gradient(to top, transparent 10%, #ec4699 10%, #ec4699 25%, transparent 25%);
}

span.underline.lightgray {
  background-image: linear-gradient(to top, transparent 10%, #c0cfd8 10%, #c0cfd8 25%, transparent 25%);
}

.article-card {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
  background: #fafcf3;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  display: block;
}

.article-card:hover {
  background: #fff;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.3);
}

.article-card:active {
  background: #e6ecef;
}

.article-card.big .article-content {
  padding-bottom: var(--space-md);
}

.article-card.big .article-picture {
  min-height: 660px;
}

@media (max-width: 991px) {
  .article-card.big .article-picture {
    min-height: auto;
    aspect-ratio: 480 / 320;
  }

  .article-card.big .article-content {
    padding-bottom: 16px;
  }
}

.article-content {
  padding: 16px;
  width:100%;
}

.article-content .headline{
    width:100%;
overflow-wrap: break-word;
  word-wrap: break-word; 
}
.article-content.small {
  padding: 8px 16px;
  font-size: inherit;
}

@media (max-width: 710px) {
  .article-card.mobile-w-100 .article-content {
    padding: 10px 20px;
  }

  .newsletter-box {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .wissen-cards .wissen-main.mobile-w-100 {
    padding: 20px;
    padding-top: 68px;
  }
}

.article-company {
  color: #ec4699;
  margin-bottom: 10px;
}

.article-tag {
  padding: 1px 8px;
  padding-bottom: 2px;
  border-radius: 12px;
  font-size: 14px;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid transparent;
  color: inherit;
  text-decoration: none;
}

.article-tag span {
  font-size: 12px;
  margin-right: 3px;
}

.article-tag:hover {
  border: 1px solid #002033;
}

.article-tag:active {
  border: 1px solid #002033;
  background: #002033;
  color: #FAFCF3;
}

.article-author {
  text-transform: uppercase;
  color: #003E62;
}

.article-picture,
.testimonials-picture,
.score-picture {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
    position:relative;
 
}
.score-picture div {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.8)
}
.score-picture img {
    max-width:80%; 
    max-height:80%; 
}

.article-picture.ar-480-320 {
  aspect-ratio: 480 / 320;
}

.article-picture.ar-224-175 {
  aspect-ratio: 224 / 175;
}

.article-picture.ar-224-169 {
  aspect-ratio: 224 / 169;
}

.article-picture.ar-442-295 {
  aspect-ratio: 442 / 295;
}

.testimonials-picture.ar-387-290 {
  aspect-ratio: 387 / 290;
  width: calc(100% + 32px);
  margin-top: -16px;
  margin-left: -16px;
}

.score-picture.ar-348-180 {
  aspect-ratio: 348 / 180;
}

.read-more {
  color: inherit;
  margin-top: 8px;
  margin-right: 5px;
}

span.icon.rm {
  font-size: 12px;
}

.founder-card {
  position: relative;
}

.founder-card-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.founder-card-overlay-static,
.team .overlay-static {
  background: #000;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, 0.61) 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
}

.founder-info {
  position: absolute;
  padding: 15px;
  bottom: 0%;
  color: #fff;
}

.founder-info i {
  font-size: 43px;
  margin-top: 3px;
  color: #fff;
  text-decoration: none;
}

.founder-info-text {
  overflow: hidden;
  max-height: 0px;
  transition: max-height 0.8s ease;
}

.founder-card:hover .founder-info {
  bottom: 0%;
}

.founder-card:hover .founder-info-text {
  max-height: 500px;
}

.founder-card:hover .founder-card-overlay {
  opacity: 1;
}

.team {
  position: relative;
}

.team p {
  position: absolute;
  left: 15px;
  bottom: 15px;
  color: #fff;
}

.card-score {
  border: 2px solid #003e62;
  border-radius: 15px;
  overflow: hidden;
}

.card-score .siegel {
  position:absolute;
    left:15px;
    bottom:-30px;
}

.card-score .content {
  padding: 15px;
padding-top:45px;
}

.card-score .content ul {
  list-style: none;
  padding-left: 0;
}

.card-score .content ul li {
  position: relative;
  padding-left: 45px;
  text-transform: uppercase;
  padding-bottom: 1px;
  padding-top: 1px;
}

.card-score .content ul li span {
  position: absolute;
  font-size: 26px;
  left: 0;
  top: -1px;
}

.card-score .content .btn {
  width: 100%;
}

.card-score .content .btn.sm {
  text-align: center;
}

.card-score .content .btn.sm div {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  transition: all 0.3s ease;
}

.card-score .content .btn.sm:hover div {
  padding-left: 25px;
}

.card-score .content .btn.sm span {
  position: absolute;
  left: -8px;
  font-size: 18px;
  margin-top: -2px;
  color: #002033;
}

@media (max-width: 710px) {
  .mobile-w-100 {
    width: calc(100% + 40px);
    margin-left: -20px;
  }

  .mobile-pb-0 {
    padding-bottom: 0px;
  }
    .mobile-sb {
        border-bottom:5px solid #fafcf3;
    }
}

.wissen-cards {}

.wissen-cards a {
  text-decoration: none;
  color: inherit;
}

.wissen-cards a:hover .txt-big {
  text-decoration: underline;
}

.wissen-cards .wissen-main {
  padding: var(--space-xs);
}

.wissen-cards .wissen-main a {
  text-decoration: underline;
}

.wissen-cards .wissen-main a:hover {
  text-decoration: none;
}

.crop-text-1 {
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.crop-text-2 {
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.mh-h-s-ct-2{
    height:calc(2.4 * clamp(28px, 0.69vw + 20.89px, 32px));
}

.cta-magazin-img {
  width: 100%;
}

.cta-score-img {
  width: 120%;
}

@media (max-width: 1199px) {
  .cta-magazin-img {
    width: 190%;
  }

  .cta-score-img {
    width: 180%;
    margin-left: -40%;
  }
}

@media (max-width: 991px) {

  .cta-magazin-img,
  .cta-score-img {
    width: 100%;
    max-width: 400px;
    margin-left: 0;
  }
}

.border-left-score {
  border-left: 2px solid #002033;
}

.border-bottom-score {
  border-bottom: 2px solid #002033;
}

@media (max-width: 991px) {
  .border-left-score {
    border-left: none;
  }
}

.input-group .form-control,
.form-select {
  border: 2px solid #002033;
  border-radius: 0px;
  padding: 15px;
  background-size: 23px 20px;
    position:relative;
    
}
.input-group .form-control.optional, .optional {
    color: #747472;
}

.input-group .form-select.optional, .input-group .form-control.optional {
    border-color:#747472;
}

.input-group .form-control:focus,
.form-select:focus {
  box-shadow: none;
  border: 2px solid #002033;
}

.input-group .form-control.btn-form,
.input-group .form-control.btn-form:focus {
  border-right: 0px;
}

.input-group .btn.btn-outline-secondary {
  border: 2px solid #002033;
  border-radius: 0px;
  border-left: 0px;
  background: #fff;
}
.input-group:has(.input-group-text) input, .input-group:has(.input-group-text) input:focus {border-right:0px;}
.input-group-text{border: 2px solid #002033; border-left:0px; border-radius:0px; background:#fff; }


.input-group .form-control.requiredError, .input-group .form-select.requiredError, .input-group .form-select.optional.requiredError, .input-group .form-control.optional.requiredError, .input-group:has(.form-control.requiredError) .input-group-text {
    border-color:#e3177c;
    background-color: #fff;
}
.form-check-input.requiredError {
    border-color:#e3177c!important;
    background-color: #e3177c!important;
}
.input-group:has(.form-control.requiredError), .input-group:has(.form-select.requiredError) {
    padding-right:58px;
}
.input-group:has(.form-control.requiredError):after, .input-group:has(.form-select.requiredError):after {

    position:absolute;
    right:0;
     content: "\f034";
    height:58px;
    width:58px;
    background:#e3177c;
    z-index:89;
    font-size:20px;
    line-height:20px;
    padding-top:19px;
    padding-left:18px;
    color:#fff;
  font-family: "2bgood";
}
.input-group:has(.form-control.newsletter.requiredError) {
    padding-left:66px;
    padding-right:0px;
}
.input-group:has(.form-control.newsletter.requiredError):after {

    position:absolute;
    left:0;
     content: "\f034";
    height:66px;
    width:66px;
    background:#e3177c;
    z-index:89;
    font-size:20px;
    line-height:20px;
    padding-top:23px;
    padding-left:23px;
    color:#fff;
  font-family: "2bgood";
}
footer .input-group:has(.form-control.newsletter.requiredError) {
    padding-left:62px;
  
}
footer .input-group:has(.form-control.newsletter.requiredError):after {
    height:62px;
    width:62px;
    padding-top:21px;
    padding-left:21px;
}
footer .input-group .form-control.requiredError {
   
    background-color: #003e62;
}

@media (max-width: 991px) {
.input-group:has(.form-control.newsletter.requiredError) input.btn {
   width:calc(100% + 66px)!important;
    margin-left:-66px!important;
}

footer .input-group:has(.form-control.newsletter.requiredError) input.btn {
   width:calc(100% + 62px)!important;
    margin-left:-62px!important;
}
}

input.form-control[type="file"]::file-selector-button {
	background: #c0cfd8!important;
	border: none;
    border-right:2px solid #002033;
    font-weight:bold;
	padding: 21px var(--space-sm);
	cursor: pointer;	
}

input.form-control[type="file"] {
	padding:0px;
    border-radius:8px 0px 0px 8px;
}

.form-error {
    color:#e3177c;
}

.filter {
  border: 1px dotted #002033;
  padding: 2px 10px;
  border-radius: 20px;
  color: inherit;
  text-decoration: none;
}

.filter span {
  font-size: 13px;
}

.accordion#filter .accordion-body {
  padding: 0px;
}

.accordion#filter .accordion-button {
  background: none;
  padding: 0px;
  border-bottom: 2px solid #002033;
  font-size: 18px;
}

.accordion#filter .accordion-button:focus {
  box-shadow: none;
  color: inherit;
}

.accordion#filter .accordion-item {
  background: none;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1400px) {
  .card-score .m-break {
    width: 100%;
  }
}

.article-wrapper {
  max-width: 100%;
  margin-left: 8.7%;
  padding-left: 17.4%;
  padding-right: 25.7%;
}

/* Prozentual */
/*.article-wrapper {max-width:100%; margin-left:clamp(0px, -0.712rem + 1.837vi, 130px); padding-left:clamp(0px, -0.712rem + 1.837vi, 260px); padding-right:clamp(0px, -0.712rem + 1.837vi, 390px); } /* Pixel falsch */
/*.article-wrapper {max-width:100%; margin-left:clamp(0rem, -9.286rem + 18.571vi, 7.222rem); padding-left:clamp(0rem, -18.571rem + 37.143vi, 14.444rem); padding-right:clamp(0rem, -27.857rem + 55.714vi, 21.667rem); } /*  richtig 900 bp */
.article-wrapper.picture {
  padding-left: 0%;
  padding-right: 15.7%;
}

.article-wrapper.header {
  padding-right: 15.7%;
}

.article-wrapper h2 {
  margin-top: var(--space-md);
  margin-bottom: var(--space-sm);
}

.article-wrapper blockquote {
  font-size: clamp(28px, 0.69vw + 20.89px, 32px);
  line-height: 130%;
  font-style: italic;
  padding-right: 15%;
  margin-bottom: var(--space-sm);
}

.article-wrapper blockquote:before {
  content: '\f004';
  font-family: "2bgood";
  font-size: 48px;
  margin-left: -68px;
  margin-right: 10px;
  font-style: normal;
  color: #ec4699;
}

@media (max-width: 1199px) {
  .article-wrapper {
    margin-left: 0%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .article-wrapper.picture {
    padding-left: 0%;
    padding-right: 0%;
  }

  .article-wrapper.header {
    padding-right: 0%;
  }

  .article-wrapper blockquote {
    padding-left: 68px;
    padding-right: 10%;
  }
}

@media (max-width: 991px) {
  .green-arrow {
    transform: rotate(90deg);
    margin: 40px auto !important;
  }
}

.brinkschulte-img {
  background-image: url(../../assets/images/brinkschulte-medien.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.brinkschulte-von-loh-img {
  background-image: url(../../assets/images/brinkschulte-von-loh.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (max-width: 991px) {
  .product-box.brinkschulte {
    padding-left: 0px;
    padding-bottom: 0px;
  }

  .brinkschulte-img {
    aspect-ratio: 360 / 270;
  }

  .product-box.brinkschulte-von-loh {
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .brinkschulte-von-loh-img {
    aspect-ratio: 360 / 270;
  }
}
.accordion#method h3 span {font-weight:normal;}
.accordion#method .number {margin-top:-5px; position:absolute; top:0; left:0;}
.accordion#method .accordion-button {padding:0px; padding-left:var(--space-lg); background: none;}
.accordion#method .accordion-button h3{padding-right:var(--space-lg);}
.accordion#method .accordion-button:focus {box-shadow:none;}
.accordion#method .accordion-body {padding-top:var(--space-md); padding-left:var(--space-lg);}
.accordion#method .accordion-item {background: none; border:none; border-bottom:1px solid #c0cfd8; margin-bottom:var(--space-sm); padding-bottom:var(--space-sm);}
.accordion#method .progress {background: #d3dee4;}
.accordion#method .progress-bar {background: #003e62;}
@media (max-width: 991px) {
    
    .accordion#method .accordion-body {padding-left:0px; padding-right:0px;}
    
}



footer {
  background: #002033;
}

footer .container {
  padding: 95px var(--space-content-wrapper);
  color: #FAFCF3;
}

footer .logo-nav {
  width: 185px;
}

footer .txt-big {
  font-weight: 700;
  line-height: 140%;
  margin-top: var(--space-lg);
}

footer .footer-link {
  color: #FAFCF3;
  text-decoration: none;
}

footer .logo-headline {
  width: 90px;
  margin-top: 2px;
}

footer .form-control.newsletter {
  background: #003e62;
  border-radius: 0px;
  color: #FAFCF3;
  /*border:2px solid #FAFCF3;*/
  border: none;
  padding: 19px;
}
footer .form-control.newsletter:focus {
  border:none;
}

.form-control.newsletter:focus {
  box-shadow: none;
}

footer .form-control.newsletter::placeholder,
footer .form-check a {
  color: #FAFCF3;
}

footer .btn.btn-primary.newsletter {
  background: #ec4699;
  padding: 19px;
  /*border:2px solid #FAFCF3;*/
  border: none;
  border-left: none;
}

footer .form-check-input.newsletter {
  background-color: #003e62;
  border-radius: 0px;
  border: 1px solid #e1e6df;
  scale: 1.4;
}

.form-check-input.newsletter:focus, .form-check-input.std:focus {
  box-shadow: none;
}

footer .form-check,
.newsletter-box .form-check,
.form-check {
  margin-left: 4px;
}

footer .social-icons a {
  color: #FAFCF3;
  margin-left: 20px;
  text-decoration: none;
}

footer .social-icons a:hover {
  text-decoration: none;
}

footer .social-icons a span {
  font-size: 40px;
}

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

@media (max-width: 991px) {
  footer .logo-headline {
    width: 70px;
  }

  footer .input-group {
    display: block;
  }

  .form-control.newsletter {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }

  .btn.btn-primary.newsletter {
    border-radius: 8px !important;
    width: 100%;
  }

  footer .social {
    text-align: center;
    padding: var(--space-lg) 0px;
  }

  footer .social-icons a {
    margin: 0px 20px;
  }

  footer .input-group {
    max-width: 440px;
      margin:auto;
  }

  footer .form-check,
  .newsletter-box .form-check {
    display: inline-block;
    position: relative;
    left: 50%;
    margin-left: -148px;
  }

  footer .logo-nav {
    filter: brightness(0) saturate(100%) invert(44%) sepia(100%) saturate(3046%) hue-rotate(306deg) brightness(98%) contrast(89%);
  }
}

/*_____________ CUSTOM GRID & SPACING _________________*/
.g-c,
.gy-c {
  --bs-gutter-y: clamp(24px, 1.39vw + 9.78px, 32px);
}

.g-c,
.gx-c {
  --bs-gutter-x: clamp(24px, 1.39vw + 9.78px, 32px);
}

@media (max-width: 991px) {

  .g-c,
  .gy-c {
    --bs-gutter-y: 24px;
  }

  .g-c,
  .gx-c {
    --bs-gutter-x: 24px;
  }
}

@media (max-width: 710px) {

  .g-c,
  .gy-c {
    --bs-gutter-y: clamp(20px, 1.54vw + 14.46px, 24px);
  }

  .g-c,
  .gx-c {
    --bs-gutter-x: clamp(20px, 1.54vw + 14.46px, 24px);
  }
}

* {
  --space-xs: clamp(20px, 0.69vw + 12.89px, 24px);
  --space-sm: clamp(24px, 1.39vw + 9.78px, 32px);
  --space-md: clamp(32px, 2.78vw + 3.55px, 48px);
  --space-lg: clamp(64px, 2.78vw + 35.55px, 80px);
  --space-xl: clamp(84px, 0.99vw + 80.13px, 96px);
  --space-xxl: clamp(108px, 2.98vw + 96.40px, 144px);
  --space-content-wrapper: clamp(24px, 4.17vw - 18.67px, 48px);
}

@media (max-width: 991px) {
  * {
    --space-xxxs: 12px;
    --space-xxs: 16px;
    --space-xs: 20px;
    --space-sm: 24px;
    --space-md: 32px;
    --space-lg: 64px;
    --space-xl: 84px;
    --space-xxl: 108px;
    --space-content-wrapper: 20px;
  }

  /*.pk-900 {padding:0!important;}*/
}

@media (max-width: 710px) {
  * {
    --space-xxxs: clamp(8px, 1.54vw + 2.46px, 12px);
    --space-xxs: clamp(12px, 1.54vw + 6.46px, 16px);
    --space-xs: clamp(16px, 1.54vw + 10.46px, 20px);
    --space-sm: clamp(20px, 1.54vw + 14.46px, 24px);
    --space-md: 24px;
    --space-lg: clamp(32px, 6.15vw + 9.85px, 48px);
    --space-xl: clamp(48px, 6.15vw + 25.85px, 64px);
    --space-xxl: clamp(64px, 9.23vw + 30.77px, 88px);
  }

  /*  .pk-620 {padding:0!important;}*/
}

.space-mb-xs {
  margin-bottom: var(--space-xs);
}

.space-mb-sm {
  margin-bottom: var(--space-sm);
}

.space-mb-md {
  margin-bottom: var(--space-md);
}

.space-mb-lg {
  margin-bottom: var(--space-lg);
}

.space-mb-xl {
  margin-bottom: var(--space-xl);
}

.space-mb-xl-neg {
  margin-bottom: calc(-1 * var(--space-xl));
}

.space-mt-sm {
  margin-top: var(--space-sm);
}

.space-mt-md {
  margin-top: var(--space-md);
}

.space-mt-lg {
  margin-top: var(--space-lg);
}

.space-mt-xl {
  margin-top: var(--space-xl);
}

.space-pt-sm {
  padding-top: var(--space-sm);
}

.space-pt-md {
  padding-top: var(--space-md);
}

.space-pt-lg {
  padding-top: var(--space-lg);
}

.space-pt-xl {
  padding-top: var(--space-xl);
}

.space-pt-xxl {
  padding-top: var(--space-xxl);
}

.space-pb-sm {
  padding-bottom: var(--space-sm);
}

.space-pb-md {
  padding-bottom: var(--space-md);
}

.space-pb-lg {
  padding-bottom: var(--space-lg);
}

.space-px-sm {
  padding-right: var(--space-sm);
  padding-left: var(--space-sm);
}

.space-px-md {
  padding-right: var(--space-md);
  padding-left: var(--space-md);
}

.space-px-lg {
  padding-right: var(--space-lg);
  padding-left: var(--space-lg);
}

.space-py-sm {
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
}

.space-py-md {
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
}

.space-py-lg {
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg);
}

.space-p-md {
  padding: var(--space-md);
}

.space-p-sm {
  padding: var(--space-sm);
}

@media (max-width: 991px) {
  .mobile-space-mb-xs {
    margin-bottom: var(--space-xs) !important;
  }

  .mobile-space-mb-sm {
    margin-bottom: var(--space-sm) !important;
  }

  .mobile-space-mb-md {
    margin-bottom: var(--space-md) !important;
  }

  .mobile-space-mb-lg {
    margin-bottom: var(--space-lg) !important;
  }
.mobile-space-mb-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .mobile-space-mt-sm {
    margin-top: var(--space-sm) !important;
  }

  .mobile-space-mt-md {
    margin-top: var(--space-md) !important;
  }

  .mobile-space-mt-lg {
    margin-top: var(--space-lg) !important;
  }

  .mobile-space-mt-xl {
    margin-top: var(--space-xl) !important;
  }

  .mobile-space-pt-sm {
    padding-top: var(--space-sm) !important;
  }

  .mobile-space-pt-md {
    padding-top: var(--space-md) !important;
  }

  .mobile-space-pt-lg {
    padding-top: var(--space-lg) !important;
  }

  .mobile-space-pt-xl {
    padding-top: var(--space-xl) !important;
  }

  .mobile-space-pb-sm {
    padding-bottom: var(--space-sm) !important;
  }

  .mobile-space-pb-md {
    padding-bottom: var(--space-md) !important;
  }

  .mobile-space-pb-lg {
    padding-bottom: var(--space-lg) !important;
  }

  .mobile-space-px-sm {
    padding-right: var(--space-sm) !important;
    padding-left: var(--space-sm) !important;
  }

  .mobile-space-px-md {
    padding-right: var(--space-md) !important;
    padding-left: var(--space-md) !important;
  }

  .mobile-space-px-lg {
    padding-right: var(--space-lg) !important;
    padding-left: var(--space-lg) !important;
  }

  .mobile-space-py-sm {
    padding-top: var(--space-sm) !important;
    padding-bottom: var(--space-sm) !important;
  }

  .mobile-space-py-md {
    padding-top: var(--space-md) !important;
    padding-bottom: var(--space-md) !important;
  }

  .mobile-space-py-lg {
    padding-top: var(--space-lg) !important;
    padding-bottom: var(--space-lg) !important;
  }

  .mobile-space-py-xl {
    padding-top: var(--space-xl) !important;
    padding-bottom: var(--space-xl) !important;
  }

  .mobile-space-p-md {
    padding: var(--space-md);
  }
}