/*Visual*/ 
.visual-caption-contaier {background:rgba(0, 0, 0, .4);position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px; } 
.bg-visual-content {position:relative; max-width: 370px; animation: 1.5s slideInUp;}  
.bg-visual-content .caption {color: var(--bs-primary);font-size: calc(1.375rem + 1.5vw); line-height: 40px !important; font-weight:900} 
.visual-mobile {display:none}
@media (min-width:1920px) {
.visual-content {height:670px; margin: 0 auto;}
}

@media (min-width:1200px) {
.bg-visual-content { max-width: 500px;}
.bg-visual-content .caption { font-size: 4rem !important; line-height: 65px !important;  }  
}
@media (min-width:768px) {.bg-visual-content{left:15px} }
@media (max-width:1199.98px) {
.bg-visual-content { max-width: 450px;}
} 
@media (max-width:767.98px) { 
.visual-mobile {display:block; position:relative;}
.mobile-wrapper{position:absolute; left:0;top:0; width:100%; height:100%}
.mobile-wrapper .mobile-content {max-width:70%;}
}  

@media (max-width:319.98px) {
.visual-sm-mob {display:block !important}
}  

/*Heading*/ 
.heading {margin-bottom:1.5rem}
.heading h2, .heading h1 { font-weight:600; font-size: calc(1.375rem + 1.5vw);color:var(--bs-primary);margin:0}
.heading h2 span, .heading h1 span {color:var(--bs-secondary)}
.heading h3 {color:var(--bs-primary);}

@media (min-width: 1200px) {
 .heading h1, .heading h2 { font-size: 2.5rem;}
}

 
.bg-intro {background:url('../images/bg-intro.jpg') no-repeat bottom right;}



.howitworks figure { background-color: #fff; border-radius: var(--bs-border-radius); transition: 0.6s; text-decoration: none; height: 100%; border: 0; margin-bottom:0; box-shadow: var(--bs-box-shadow-sm) !important;}
.howitworks figure:hover { box-shadow: var(--bs-box-shadow) !important; transform: translateY(-.25em);}
.howitworks  h3 { background: var(--bs-secondary); border-radius: 50%; width: 100px; height: 100px; display: flex; flex-direction:column; justify-content: center; align-items: center; margin: 0 auto; position: relative; margin-top: -4rem; font-size: 1rem; text-transform: uppercase;}

@media (min-width:992px){
.howitworks { min-height: 550px;}
.howitworks .col {position:relative}
.howitworks .arrow {position:absolute; opacity:1}
.howitworks .arrow-right-down { right: -35%; top: 55%; _transform: rotate(35deg);}
.howitworks .arrow-right-up { right: -35%; top: 25%; _transform: rotate(-30deg);}
}
@media (max-width:991.98px){
.howitworks figure {margin-bottom:2rem}
.howitworks .arrow {position:absolute; opacity:0}
}

/*cookie*/
.cookie-popup{display:none;position:fixed;left:0;z-index:1050;width:100%;background-color:rgba(0,0,0,.08);color:#000;line-height:initial;box-sizing:initial}.cookie-popup a{color:#2fb3e0}
.cookie-popup-inner{display:block;width:auto;float:none;margin:auto;text-align:center}
.cookie-popup-accept-cookies,.cookie-popup-left,.cookie-popup-right{display:inline-block;vertical-align:middle}
.cookie-popup-left{padding:15px}
.cookie-popup-headline{font-size:15px;line-height:17pt}
.cookie-popup-sub-headline{font-size:12px}
.cookie-popup-right{padding:10px 15px;text-align:left}
.cookie-popup-accept-cookies{position:relative;margin-bottom:0;text-align:center;cursor:pointer;background-image:none;white-space:nowrap;padding:8px;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:16px;min-width:100px;line-height:1.5;text-decoration:none;color:#000;background-color:#c7c7c7;border-color:rgba(0,0,0,.1) rgba(0,0,0,.12) rgba(0,0,0,.15)}
a.cookie-popup-accept-cookies:hover{bottom:0;text-decoration:none;background:#2fb3e0;color:#fff}
.cookie-popup-accept-cookies:active{bottom:0;color:initial}
.cookie-popup-learn-more{display:block;clear:both;font-size:14px;margin-top:5px;margin-right:5px;text-decoration:none;color:#000;opacity:.75}
.cookie-popup-learn-more:hover{opacity:1;text-decoration:none}
.cookie-popup-learn-more:active,.cookie-popup-learn-more:focus{text-decoration:none}
.cookie-popup-lower{padding:15px;font-size:14px}
.cookie-popup.position-bottom{bottom:0}
.cookie-popup.position-top{top:0;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}
.cookie-popup.position-bottomleft,.cookie-popup.position-bottomright,.cookie-popup.position-topleft,.cookie-popup.position-topright{width:300px;box-shadow:0 2px 10px 0 rgba(0,0,0,.3);border-radius:2px}
.cookie-popup.position-bottomright{right:10px;bottom:10px;left:inherit}
.cookie-popup.position-bottomleft .cookie-popup-right,.cookie-popup.position-bottomright .cookie-popup-right,.cookie-popup.position-topleft .cookie-popup-right,.cookie-popup.position-topright .cookie-popup-right{width:initial}
.cookie-popup.position-bottomleft{left:10px;bottom:10px;right:inherit}
.cookie-popup.position-topright{right:10px;top:10px;left:inherit}
.cookie-popup.position-topleft{left:10px;top:10px}
.theme-light .cookie-popup{background-color:#fafafa;color:#000}
.theme-light .cookie-popup-accept-cookies{background-color:#c7c7c7;color:#000}
.theme-light .cookie-popup-learn-more{color:#000}
.theme-dark .cookie-popup{background-color:#333131;color:#fff}
.theme-dark .cookie-popup-accept-cookies{background-color:var(--bs-primary);border:1px solid var(--bs-primary);color:#fff;padding:.25rem .5rem;font-size:.875rem;text-align:center;vertical-align:middle}
.theme-dark .cookie-popup-accept-cookies:hover{background:#fff;border-color:#fff;color:#000}
.theme-dark .cookie-popup-learn-more{color:#fff}
@media (max-width:767px){.cookie-popup-left{display:block;vertical-align:middle;padding:15px}
.cookie-popup-right{display:block;vertical-align:middle;padding:10px 15px;text-align:center} 
}