*,html{
box-sizing:border-box
}
body,html{
overflow-x:hidden
}
html.no-scroll {
overflow-y: hidden;
}
@font-face{
font-family:arboria;
src:url(https://use.typekit.net/af/451d48/00000000000000003b9b0118/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3) format("woff2"),url(https://use.typekit.net/af/451d48/00000000000000003b9b0118/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3) format("woff"),url(https://use.typekit.net/af/451d48/00000000000000003b9b0118/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3) format("opentype");
font-display:auto;
font-style:italic;
font-weight:100;
font-stretch:normal
}
@font-face{
font-family:arboria;
src:url(https://use.typekit.net/af/8eae95/00000000000000003b9b0119/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3) format("woff2"),url(https://use.typekit.net/af/8eae95/00000000000000003b9b0119/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3) format("woff"),url(https://use.typekit.net/af/8eae95/00000000000000003b9b0119/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3) format("opentype");
font-display:auto;
font-style:normal;
font-weight:100;
font-stretch:normal
}
@font-face{
font-family:arboria;
src:url(https://use.typekit.net/af/8ad5fe/00000000000000003b9b011a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/8ad5fe/00000000000000003b9b011a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/8ad5fe/00000000000000003b9b011a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");
font-display:auto;
font-style:normal;
font-weight:300;
font-stretch:normal
}
@font-face{
font-family:arboria;
src:url(https://use.typekit.net/af/a712db/00000000000000003b9b011b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff2"),url(https://use.typekit.net/af/a712db/00000000000000003b9b011b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff"),url(https://use.typekit.net/af/a712db/00000000000000003b9b011b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("opentype");
font-display:auto;
font-style:italic;
font-weight:300;
font-stretch:normal
}
@font-face{
font-family:arboria;
src:url(https://use.typekit.net/af/2ed003/00000000000000003b9b011c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/2ed003/00000000000000003b9b011c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/2ed003/00000000000000003b9b011c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");
font-display:auto;
font-style:italic;
font-weight:400;
font-stretch:normal
}
@font-face{
font-family:arboria;
src:url(https://use.typekit.net/af/f350ae/00000000000000003b9b011d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/f350ae/00000000000000003b9b011d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/f350ae/00000000000000003b9b011d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
font-display:auto;
font-style:normal;
font-weight:400;
font-stretch:normal
}
@font-face{
font-family:arboria;
src:url(https://use.typekit.net/af/69ac60/00000000000000003b9b011e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/69ac60/00000000000000003b9b011e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/69ac60/00000000000000003b9b011e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");
font-display:auto;
font-style:normal;
font-weight:500;
font-stretch:normal
}
@font-face{
font-family:arboria;
src:url(https://use.typekit.net/af/f89c37/00000000000000003b9b011f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/f89c37/00000000000000003b9b011f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/f89c37/00000000000000003b9b011f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("opentype");
font-display:auto;
font-style:italic;
font-weight:500;
font-stretch:normal
}
@font-face{
font-family:arboria;
src:url(https://use.typekit.net/af/7c0289/00000000000000003b9b0120/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/7c0289/00000000000000003b9b0120/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/7c0289/00000000000000003b9b0120/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
font-display:auto;
font-style:normal;
font-weight:700;
font-stretch:normal
}
@font-face{
font-family:arboria;
src:url(https://use.typekit.net/af/1f8fa9/00000000000000003b9b0121/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/1f8fa9/00000000000000003b9b0121/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/1f8fa9/00000000000000003b9b0121/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype");
font-display:auto;
font-style:italic;
font-weight:700;
font-stretch:normal
}
@font-face{
font-family:arboria;
src:url(https://use.typekit.net/af/1ad443/00000000000000003b9b0122/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff2"),url(https://use.typekit.net/af/1ad443/00000000000000003b9b0122/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff"),url(https://use.typekit.net/af/1ad443/00000000000000003b9b0122/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("opentype");
font-display:auto;
font-style:normal;
font-weight:900;
font-stretch:normal
}
@font-face{
font-family:arboria;
src:url(https://use.typekit.net/af/fce9bd/00000000000000003b9b0123/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("woff2"),url(https://use.typekit.net/af/fce9bd/00000000000000003b9b0123/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("woff"),url(https://use.typekit.net/af/fce9bd/00000000000000003b9b0123/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("opentype");
font-display:auto;
font-style:italic;
font-weight:900;
font-stretch:normal
}
.tk-arboria{
font-family:arboria,sans-serif
}
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?3f3lob');
src: url('../fonts/icomoon.eot?3f3lob#iefix') format('embedded-opentype'),
url('../fonts/') format('truetype'),
url('../fonts/') format('woff'),
url('../fonts/icomoon.svg?3f3lob#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-mail_outline:before {
content: "\e900";
}
.icon-briefcase:before {
content: "\e901";
}
.icon-clock:before {
content: "\e902";
}
.icon-mail:before {
content: "\e903";
}
.icon-phone:before {
content: "\e904";
}
*{
outline:0
}
html{
scroll-behavior:smooth
}
body{
margin:0;
padding:0;
letter-spacing:.35px;
line-height:25px;
color:#000
}
body, span {
font-family: arboria, sans-serif;
font-size: 14px;
}
@media all and (min-width:1440px){
main{
margin-top:100px
}
}
a{
color:#BC0729
}
.greenline a {
color: #92B73A;
}
a:hover{
opacity:.7
}
p{
margin:15px 0
}
span{
color:#FFF
}
.font-size{
font-size:16px
}
h2,h3{
font-size:30px;
color:#333;
margin:0 0 40px;
font-family:arboria,sans-serif;
letter-spacing:0
}
h2{
line-height:48px
}
h3{
font-weight:lighter;
line-height:29px
}
li,ul{
list-style:none
}
h4{
font-family:arboria,sans-serif;
font-size:16px;
letter-spacing:0;
line-height:30px;
color:#FFF;
font-weight:700;
border-bottom:1px solid #FFF;
margin:0 0 20px
}
section.wp-block-container.container.heading h1,
section.wp-block-container.container.heading h2,
section.wp-block-container.container.heading h3,
section.wp-block-container.container.heading h4,
section.wp-block-container.container.heading h5,
section.wp-block-container.container.heading h6
{
color:#333;
}
blockquote{
margin:unset
}
@keyframes bounce2{
100%,50%,80%{
transform:translateY(0)
}
40%{
transform:translateY(-10px)
}
60%{
transform:translateY(-5px)
}
}
@keyframes hithere{
30%{
transform:scale(1.2)
}
40%,60%{
transform:rotate(-20deg) scale(1.2)
}
50%{
transform:rotate(20deg) scale(1.2)
}
70%{
transform:rotate(0) scale(1.2)
}
100%{
transform:scale(1)
}
}
.container{
max-width:1240px;
padding:0 20px;
margin:0 auto
}
.margin-left113{
margin-left:113px
}
.margin-left{
margin-left:-13px
}
.margin-bottom{
margin-bottom:25px
}
.carousel-outer .pop-up .button-container a,.intro-block .title-head .button-container a,.meeting,.mix-it-up .container .button-container a,.promotion-outer .promotion .button-container a,.recruiting-outest .recruiting-outer .pop-up .button-container a,.recruiting-outest .recruiting-outer .recruiting-inner .button-container a,.valuation .left .button-container a{
background-color:#BC0729;
border-radius:5px;
color:#FFF;
font-size:16px;
font-family:arboria,sans-serif;
font-weight:700;
letter-spacing:0;
line-height:30px;
display:inline-block;
text-decoration:unset;
width:288px;
text-align:center;
transition:.3s ease-in-out;
border:1px solid #BC0729
}
.greenline .carousel-outer .pop-up .button-container a,.greenline .intro-block .title-head .button-container a,.greenline .meeting,.greenline .mix-it-up .container .button-container a,.greenline .promotion-outer .promotion .button-container a,.greenline .recruiting-outest .recruiting-outer .pop-up .button-container a,.greenline .recruiting-outest .recruiting-outer .recruiting-inner .button-container a,.greenline .valuation .left .button-container a{
background-color: #92B73A;
border-color: #92B73A;
}
.carousel-outer .pop-up .button-container a:hover,.intro-block .title-head .button-container a:hover,.meeting:hover,.mix-it-up .container .button-container a:hover,.promotion-outer .promotion .button-container a:hover,.recruiting-outest .recruiting-outer .pop-up .button-container a:hover,.recruiting-outest .recruiting-outer .recruiting-inner .button-container a:hover,.valuation .left .button-container a:hover{
background-color:#FFF;
color:#BC0729;
border:1px solid #BC0729;
opacity:1
}
.greenline .carousel-outer .pop-up .button-container a:hover,.greenline .intro-block .title-head .button-container a:hover, .greenline .meeting:hover,.greenline .mix-it-up .container .button-container a:hover,.greenline .promotion-outer .promotion .button-container a:hover,.greenline .recruiting-outest .recruiting-outer .pop-up .button-container a:hover,.greenline .recruiting-outest .recruiting-outer .recruiting-inner .button-container a:hover,.greenline .valuation .left .button-container a:hover{
color: #92B73A;
border-color: #92B73A;
}
@media all and (min-width:1024px){
.top-nav{
display:block!important;
position:fixed;
top:0;
left:0;
right:0;
z-index:100000;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
box-shadow:0 0 3px #00000d;
background-color: #FFF;
}
}
.top-nav .top-bar ul{
margin:0;
display:flex;
padding:2.5px 0;
align-items:center;
justify-content:right;
gap:50px
}
.top-nav .top-bar ul li{
display:flex
}
.top-nav .top-bar ul li a{
color:transparent;
display:flex;
align-items:center
}
.top-nav .top-bar ul li a img{
margin-right:10px
}
.top-nav .upper-bar{
background-color:#FFF;
/* box-shadow:0 3px 6px #00014 */
}
.top-nav .upper-bar > ul{
position:relative;
display:flex;
justify-content:right;
gap:30px;
padding:22.5px 20px
}
.top-nav .upper-bar > ul:after{
content:"";
background-image:url(../img/LEEB_beschnitten.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
position:absolute;
left:10px;
top:8px;
width:187px;
height:55px;
cursor:pointer
}
@media all and (min-width:1440px){
.top-nav .upper-bar > ul{
gap:65px
}
}
.top-nav .upper-bar > ul li a{
color:#333;
text-decoration:none;
font-size:15px
}
.top-nav-mobile{
background-color:#FFF;
position:fixed;
top:0;
left:0;
right:0;
z-index:10000;
box-shadow:0 0 3px #00000d;
padding:8px 0 0
}
@media all and (min-width:1025px){
.top-nav-mobile{
display:none;
}
}
.top-nav-mobile .container{
display:flex;
align-items:center;
justify-content:space-between
}
.top-nav-mobile .container .logo-div img{
width:187px;
height:55px
}
.top-nav-mobile .container .burger img{
width:40px;
height:30px
}
.meeting{
position:fixed;
right:-150px;
top:70px;
z-index:1000;
padding:5px 32px 5px 15px;
width:unset;
border-radius:0 0 0 2px
}
.meeting:hover{
background-color:#BC0729
}
.greenline .meeting:hover{
background-color: #92B73A;
}
.meeting:hover a p{
color:#FFF
}
.meeting:hover .lord-icon{
color:red
}
.meeting a{
display:flex;
align-items:center;
gap:20px;
text-decoration:none
}
.meeting a p{
color:#fff;
margin:0;
font-weight:300
}
.intro-block{
position:relative;
height:calc(100vh + 20px);
display:flex;
flex-direction:column;
justify-content:flex-end;
margin-bottom:130px
}
@media all and (min-width:1440px){
.intro-block{
height:calc(56vh + 20px);
margin-bottom:130px
}
}
.intro-block:before{
content:"";
width:50%;
left:0;
bottom:0;
background-color:#fff;
clip-path:polygon(0 0,0 100%,100% 100%);
position:absolute;
height:10%;
z-index:1
}
.intro-block:after{
content:"";
width:50%;
right:0;
bottom:0;
background-color:#fff;
clip-path:polygon(100% 0,0 100%,100% 100%);
position:absolute;
height:10%;
z-index:1
}
.intro-block .intro-video video{
position:absolute;
inset:0;
object-fit:cover;
object-position:center;
height:100%;
width:100%;
border-bottom:2px solid #fff
}
.intro-block .title-head{
position:relative;
padding:0 20px;
width:100%
}
.intro-block .title-head h2{
color:#FFF;
font-size:45px
}
@media all and (min-width:1440px){
.intro-block .title-head h2{
font-size:54px;
margin:0 0 10px
}
}
.intro-block .title-head h3{
color:#FFF;
font-size:45px;
line-height:45px
}
@media all and (min-width:1440px){
.intro-block .title-head h3{
font-size:54px;
margin-bottom:55px;
line-height:29px
}
}
.intro-block .title-head .button-container a p{
margin:9px 0
}
.intro-block .logos{
width:100%;
position:relative;
z-index:5;
display:flex;
justify-content:center;
margin-bottom:-50px;
margin-top:110px
}
@media all and (min-width:1440px){
.intro-block .logos{
margin-bottom:-45px;
margin-top:110px
}
}
.intro-block .logos .group{
width:100%
}
@media all and (min-width:425px){
.intro-block .logos .group{
width:unset
}
}
.intro-block .logos ul{
display:flex;
margin:0;
padding:0 20px;
gap:15px
}
.intro-block .logos ul li{
width:33.33333%;
display:flex;
justify-content:center;
box-shadow:0 0 10px #000004;
border-radius:5px;
opacity:1;
backdrop-filter:blur(24px);
-webkit-backdrop-filter:blur(24px);
align-items:center;
height:83px;
background:no-repeat padding-box
}
@media all and (min-width:425px){
.intro-block .logos ul li{
width:112px;
height:92px
}
}
.intro-block .logos ul li:first-of-type a img{
width:68px;
height:68px
}
.intro-block .logos ul li a img{
width:100%
}
.intro-block .logos P{
font-family:arboria,sans-serif;
font-size:18px;
letter-spacing:.9px;
line-height:19px;
text-transform:uppercase;
color:#FFF;
text-align:center;
font-weight:200
}
.ico-bar{
position:fixed;
bottom:0;
left:0;
right:0;
z-index:100000;
padding:12px 20px 8px;
box-shadow:0 0 5px #00000d
}
@media all and (min-width:1025px){
.meeting{
top:100px
}
.ico-bar{
display:none
}
}
.ico-bar ul{
margin:0;
padding:0;
display:flex;
justify-content:space-between
}
.ico-bar ul li{
display:inline-block
}
@media all and (min-width:768px){
.meeting{
right:0
}
.ico-bar ul{
justify-content:unset
}
.ico-bar ul li{
width:25%
}
}
.ico-bar ul li a{
display:flex;
flex-direction:column;
text-align:center;
justify-content:center;
align-items:center;
color:transparent
}
.services-outer{
margin-bottom:95px;
height:536px
}
.services-outer .services{
padding:0 20px
}
.services-outer .services .title-head h2{
margin-bottom:0
}
.services-outer .services .services-slider .service-card{
display:inline-block;
transition:.3s ease-in-out
}
@media all and (min-width:768px){
.services-outer .services .services-slider .slick-list{
margin:0 -7.5px
}
.services-outer .services .services-slider .service-card{
margin:0 7.5px
}
}
@media all and (min-width:1440px){
.services-outer .services{
padding:0 0 0 20px;
height:530px;
overflow:hidden
}
/*
.services-outer .services .services-slider .service-card{
width:288px!important
}
*/
}
.services-outer .services .services-slider .service-card:hover .service-head h2{
opacity:1;
position:relative;
z-index:1;
margin-bottom:25px
}
.services-outer .services .services-slider .service-card:hover .service-head p{
opacity:1;
position:relative;
z-index:1;
margin-bottom:50px
}
.services-outer .services .services-slider .service-card:hover .service-head a{
opacity:1;
position:relative;
z-index:1
}
.services-outer .services .services-slider .service-card:hover .service-head{
z-index:5
}
.services-outer .services .services-slider .service-card:hover .service-body{
z-index:-2;
opacity:0
}
.services-outer .services .services-slider .service-card .service-head{
z-index:2;
padding:50.5px 20px;
text-align:center;
transition:.3s ease-in-out;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
position:relative;
cursor:pointer;
border-radius:3px
}
.services-outer .services .services-slider .service-card:hover .service-head:before{
opacity:1;
z-index:0;
display:block
}
.services-outer .services .services-slider .service-card:hover .service-head:after{
opacity:1;
z-index:0;
display:block
}
.services-outer .services .services-slider .service-card:hover .service-head{
/* height:423px; */
padding:100px 20px 167px !important;
}
.services-outer .services .services-slider .service-card .service-head:before{
content:"";
position:absolute;
clip-path:polygon(0 0,100% 15%,100% 85%,0 100%);
opacity:0;
backdrop-filter:blur(13px);
-webkit-backdrop-filter:blur(13px);
left:0;
top:0;
bottom:0;
width:50%;
z-index:-1;
transition:.1s ease-in-out;
display:none;
border-radius:3px
-moz-backgr
}
@-moz-document url-prefix() {
.services-outer .services .services-slider .service-card .service-head:before{
background-color: #00000075;
}
}
.services-outer .services .services-slider .service-card .service-head:after{
content:"";
position:absolute;
clip-path:polygon(0 0,100% 15%,100% 85%,0 100%);
transform:rotateZ(180deg);
opacity:0;
backdrop-filter:blur(13px);
filter:brightness(-15);
-webkit-backdrop-filter:blur(13px);
right:0;
top:0;
bottom:0;
width:50%;
z-index:-1;
transition:.1s ease-in-out;
display:none;
border-radius:3px
}
@-moz-document url-prefix() {
.services-outer .services .services-slider .service-card .service-head:after{
background-color: #00000075;
}
}
.services-outer .services .services-slider .service-card .service-head h2{
color:#FFF;
text-shadow:0 0 3px rgba(0,0,0,.69);
opacity:0;
margin-bottom:25px
}
.services-outer .services .services-slider .service-card .service-head p{
color:#FFF;
text-shadow:0 0 3px rgba(0,0,0,.69);
opacity:0;
margin-bottom:50px
}
.services-outer .services .services-slider .service-card .service-head a{
color:#FFF;
text-shadow:0 0 3px rgba(0,0,0,.69);
opacity:0
}
.services-outer .services .services-slider .service-card .service-head div{
display:flex;
justify-content:right;
align-items:center
}
.services-outer .services .services-slider .service-card .service-head div a{
text-decoration:none
}
.services-outer .services .services-slider .service-card .service-head div a span{
font-family:system-ui,sans-serif;
font-size:18px;
display:inline-block;
margin-left:12px;
text-shadow:0 0 3px rgba(0,0,0,.69)
}
.services-outer .services .services-slider .service-card .service-body{
z-index:0
}
.services-outer .services .services-slider .service-card .service-body h2{
font-size:22px;
margin-bottom:0
}
.services-outer .services .services-slider .service-card .service-body h3{
font-size:18px;
margin-bottom:0;
margin-top:-10px
}
.mix-it-up{
position:relative
}
.mix-it-up:after{
content:"";
background-color:#333;
position:absolute;
inset:0 0 25% 0;
z-index:-1;
display:block
}
.mix-it-up .container{
padding-top:74px
}
.mix-it-up .container .title-head h2{
color:#FFF;
margin-bottom:0
}
.mix-it-up .container .title-head h3{
color:#FFF
}
@media all and (min-width:768px){
.mix-it-up .container .articles{
display:flex;
gap:15px;
margin-bottom:35px
}
}
.mix-it-up .container .articles .slick-list{
overflow:visible
}
.mix-it-up .container .articles .button-container a{
background-color:transparent;
border:1px solid #FFF;
width:unset
}
.mix-it-up .container .articles .button-container a:hover{
background-color:#BC0729;
color:#FFF;
border:1px solid #BC0729
}
.greenline .mix-it-up .container .articles .button-container a:hover{
background-color: #92B73A;
border-color: #92B73A
}
.mix-it-up .container .articles .button-container a p{
margin:0;
padding:0 25px
}
.mix-it-up .container .news-slider.visible{
display:none
}
@media all and (min-width:1024px){
.mix-it-up .container .news-slider{
margin-bottom:50px
}
}
@media all and (min-width:1440px){
.mix-it-up .container .news-slider{
flex-wrap:wrap;
gap:15px;
display:none
}
.mix-it-up .container .news-slider.visible{
display:flex;
margin-bottom:50px
}
.mix-it-up .container .news-slider.visible .left-news-item{
height:fit-content;
width:calc(50% - 7.5px)
}
.mix-it-up .container .news-slider.visible .right-news-item{
width:calc(50% - 7.5px);
gap:15px;
display:flex;
flex-wrap:wrap
}
.mix-it-up .container .news-slider.visible .right-news-item .news-item{
border-radius:3px;
padding:175px 20px 22px;
width:calc(50% - 7.5px);
height:fit-content
}
.mix-it-up .container .news-slider.visible .right-news-item .news-item:nth-of-type(3){
width:100%;
padding:172px 20px 50px
}
}
.mix-it-up .container .news-slider .news-item{
background-repeat:no-repeat;
background-size:cover;
background-position:center;
padding:167px 30px 30px;
border-radius:3px;
position:relative;
margin:0 7.5px
}
.mix-it-up .container .news-slider .news-item:after{
content:"";
background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.04),#000);
opacity:.7;
mix-blend-mode:multiply;
position:absolute;
inset:0;
z-index:0;
border-radius:3px
}
@media all and (min-width:1440px){
.mix-it-up .container .news-slider .news-item{
margin:0
}
.mix-it-up .container .news-slider .news-item:first-of-type{
padding:474px 181px 50px 60px
}
.mix-it-up .container .news-slider .news-item:nth-of-type(2),.mix-it-up .container .news-slider .news-item:nth-of-type(3){
width:288px;
height:288px
}
}
.mix-it-up .container .news-slider .news-item:nth-of-type(2) .button-container a,.mix-it-up .container .news-slider .news-item:nth-of-type(4) .button-container a{
background-color:#92b73a;
border:1px solid #92b73a
}
.mix-it-up .container .news-slider .news-item:nth-of-type(2) .button-container a:hover,.mix-it-up .container .news-slider .news-item:nth-of-type(4) .button-container a:hover{
background-color:#92b73a;
border:1px solid #92b73a
}
.mix-it-up .container .news-slider .news-item .button-container{
position:absolute;
top:15px;
right:15px;
z-index:5
}
.mix-it-up .container .news-slider .news-item .button-container a{
width:unset
}
.mix-it-up .container .news-slider .news-item .button-container a:hover{
background-color:#bc0729;
border:1px solid #bc0729;
color:#fff
}
.greenline .mix-it-up .container .news-slider .news-item .button-container a:hover{
background-color:#92B73A;
border-color: #92B73A;
}
.mix-it-up .container .news-slider .news-item .button-container a p{
margin:0;
padding:0 25px
}
.mix-it-up .container .news-slider .news-item h2{
color:#FFF;
font-size:20px;
position:relative;
z-index:1;
line-height:25px;
margin-bottom:15px
}
.mix-it-up .container .news-slider .news-item p{
color:#FFF
}
.mix-it-up .container .news-slider .news-item a{
position:relative;
z-index:2;
font-size:16px;
font-weight:700;
text-decoration:none
}
.mix-it-up .container .news-slider .news-item a img{
margin-left:15px;
display:inline-block
}
.mix-it-up .container .button-container{
display:flex;
justify-content:left
}
.mix-it-up .container .button-container a p{
margin:9px 0
}
.carousel-outer{
margin:0 0 140px;
position:relative
}
.carousel-outer:before{
content:"";
position:absolute;
clip-path:polygon(0 0,100% 15%,100% 85%,0 100%);
background-color:#F0F0F0;
left:0;
top:35%;
bottom:40%;
width:100%;
z-index:0
}
@media all and (min-width:768px){
.carousel-outer{
margin:140px 0
}
.carousel-outer:before{
bottom:23%;
top:0
}
}
.carousel-outer:after{
content:"";
position:absolute;
clip-path:polygon(0 0,100% 15%,100% 85%,0 100%);
transform:rotateZ(180deg);
background-color:#F0F0F0;
right:0;
top:35%;
bottom:40%;
width:100%;
z-index:-1
}
@media all and (min-width:768px){
.carousel-outer:after{
bottom:23%;
top:0
}
}
.carousel-outer .pop-up{
background-color:#fff;
border-radius:5px 0 0 5px;
position:absolute;
right:-250px;
padding:20px 70px 20px 90px;
top:100px;
transition:.5s ease-in-out;
display:none
}
@media all and (min-width:768px){
.carousel-outer .pop-up{
display:block
}
}
.carousel-outer .pop-up.active{
right:0;
z-index:10
}
.carousel-outer .pop-up p{
margin:0
}
.carousel-outer .pop-up p:first-child{
font-weight:700;
font-size:18px
}
.carousel-outer .pop-up p:nth-of-type(2){
font-size:18px;
font-weight:300;
margin-bottom:15px
}
.carousel-outer .pop-up .button-container a{
width:165px
}
.carousel-outer .pop-up .button-container a p{
font-size:16px;
font-weight:500
}
.carousel-outer .pop-up .pop-up-image{
border:3px solid #fff;
overflow:hidden;
border-radius:50%;
width:135px;
height:135px;
left:-70px;
top:-15px;
position:absolute
}
/*
.carousel-outer .pop-up .pop-up-image img{
width:140px;
height:140px
}
*/
.carousel-outer .carousel{
position:relative
}
.carousel-outer .carousel.container{
padding:144px 20px 20px;
display:flex;
justify-content:space-between;
flex-direction:column
}
.carousel-outer .carousel:after{
content:"";
width:2px;
background-color:#fff;
position:absolute;
left:50%;
top:0;
bottom:0
}
.carousel-outer .carousel .title-head{
margin-bottom:283px;
position:relative;
z-index:2
}
@media all and (min-width:375px){
.carousel-outer .carousel .title-head{
margin-bottom:310px
}
}
@media all and (min-width:768px){
.carousel-outer .carousel .title-head{
margin-bottom:440px
}
}
.carousel-outer .carousel .title-head h2{
margin-bottom:0;
font-size:27px
}
@media all and (min-width:375px){
.carousel-outer .carousel .title-head h2{
font-size:30px
}
}
.carousel-outer .carousel .title-head h3{
font-size:27px
}
.carousel-outer .carousel .carousel-slider{
z-index:1
}
.carousel-outer .carousel .carousel-slider .slick-dots{
bottom:50px
}
@media all and (min-width:375px){
.carousel-outer .carousel .title-head h3{
font-size:30px
}
.carousel-outer .carousel .carousel-slider .slick-dots{
bottom:25px
}
}
.carousel-outer .carousel .carousel-slider .slick-next:before{
color:unset!important;
transition:.3s ease-in-out
}
.carousel-outer .carousel .carousel-slider .slick-next {
width:47px;
height:47px;
background-color:#BC0729!important;
border-radius:50%!important;
top:60%;
right:50%;
transform:translateX(800%)
}
.greenline .carousel-outer .carousel .carousel-slider .slick-next {
background-color: #92B73A !important;
}
.carousel-outer .carousel .carousel-slider .slick-next:hover:before{
filter:opacity(.5)
}
.carousel-outer .carousel .carousel-slider .slick-prev:before{
color:unset!important;
transition:.3s ease-in-out
}
.carousel-outer .carousel .carousel-slider .slick-prev{
width:47px;
height:47px;
background-color:#BC0729!important;
border-radius:50%!important;
z-index:5!important;
top:60%;
left:50%;
transform:translateX(-800%)
}
.greenline .carousel-outer .carousel .carousel-slider .slick-prev{
background-color: #92B73A !important;
}
.carousel-outer .carousel .carousel-slider .slick-prev:hover:before{
filter:opacity(.5)
}
.carousel-outer .carousel .carousel-slider .slick-track .carousel-item{
z-index:1;
margin:0 10px;
height:250px;
width:590px;
overflow:hidden
}
@media all and (min-width:768px){
.carousel-outer .carousel .carousel-slider .slick-next:before{
background-image:url(../img/arrow-right-white-custom.svg)!important;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
font-family:unset!important;
font-size:18px!important
}
.carousel-outer .carousel .carousel-slider .slick-prev:before{
background-image:url(../img/arrow-left-white-custom.svg)!important;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
font-family:unset!important;
font-size:18px!important
}
.carousel-outer .carousel .carousel-slider .slick-track .carousel-item{
padding:0 20px;
height:379px
}
}
.carousel-outer .carousel .carousel-slider .slick-track .carousel-item img{
width:100%;
height:auto;
margin:0 auto
}
.carousel-outer .carousel .text{
display:flex;
flex-direction:column;
align-items:center;
z-index:2;
position:relative
}
@media all and (min-width:768px){
.carousel-outer .carousel .carousel-slider .slick-track .carousel-item img{
width:590px;
height:379px
}
.carousel-outer .carousel .text{
display:flex;
justify-content:center;
gap:63px;
align-items:center;
flex-direction:unset
}
.carousel-outer .carousel .text .left-text div h3{
margin-bottom:0
}
}
.carousel-outer .carousel .text .left-text h2{
margin:0
}
.carousel-outer .carousel .text .left-text div{
display:flex;
gap:10px
}
.carousel-outer .carousel .text .left-text div h3{
font-size:20px
}
.carousel-outer .carousel .text .left-text div img{
width:24px;
height:24px;
margin-top:1px;
cursor:pointer
}
.carousel-outer .carousel .text .right-text{
display:flex;
align-items:center;
background-color:#F0F0F0;
border-radius:5px;
justify-content:center;
gap:33px;
width:264px
}
@media all and (min-width:768px){
.carousel-outer .carousel .text .right-text{
height:50px
}
}
.carousel-outer .carousel .text .right-text p{
font-weight:300;
margin:12px 0
}
.carousel-outer .carousel .text .right-text div{
margin-top:5px
}
.carousel-outer .carousel .text .right-text div span{
width:24px;
height:24px;
border:2px solid #FFF;
border-radius:50%;
background-color:#98999B;
display:inline-block;
cursor:pointer
}
.carousel-outer .carousel .text .right-text div span:nth-of-type(2){
background-color:#337983
}
.promotion-outer{
position:relative;
background-repeat:no-repeat;
background-position:center;
background-size:cover
}
.promotion-outer:after{
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
mix-blend-mode:multiply;
opacity:.6;
background:linear-gradient(270deg,rgba(0,0,0,0),rgba(0,0,0,.04),#000)
}
.promotion-outer .promotion{
padding:180px 20px 88px
}
.promotion-outer .promotion img{
z-index:1;
position:relative
}
.promotion-outer .promotion .title-head{
position:relative;
z-index:1
}
.promotion-outer .promotion .title-head h2{
font-size:54px;
letter-spacing:0;
line-height:72px;
color:#FFF;
margin:0
}
.promotion-outer .promotion .title-head h3{
font-size:54px;
letter-spacing:0;
line-height:43px;
color:#FFF;
margin-bottom:40px;
margin-top:-10px
}
.promotion-outer .promotion p{
color:#FFF;
margin-bottom:36px;
position:relative;
z-index:1
}
@media all and (min-width:425px){
.carousel-outer .carousel .carousel-slider .slick-dots{
bottom:0
}
.promotion-outer .promotion p{
width:389px
}
}
.promotion-outer .promotion .button-container{
position:relative;
z-index:1
}
.promotion-outer .promotion .button-container a{
background-color:#92B73A;
border:1px solid #92B73A
}
.promotion-outer .promotion .button-container a:hover{
background-color:#FFF;
color:#92B73A;
border:1px solid #92B73A
}
.promotion-outer .promotion .button-container a:hover p{
z-index:1;
position:relative;
color:#92B73A
}
.promotion-outer .promotion .button-container a p{
margin:9px 0;
width:unset
}
.valuation{
position:relative;
margin-top:78px
}
.valuation .right-image{
position:absolute;
bottom:-65px;
left:-4px;
z-index:1
}
@media all and (min-width:425px){
.valuation .right-image{
left:65px
}
}
@media all and (min-width:768px){
.valuation{
display:flex
}
.valuation .right-image{
right:-166px;
left:unset
}
}
@media all and (min-width:1024px){
.valuation .right-image{
right:-12px;
left:unset;
bottom:-70px
}
}
@media all and (min-width:1440px){
.valuation .right-image{
right:-12px;
left:unset;
bottom:-75px
}
}
.valuation .right-image img{
width:393px;
height:270px
}
.valuation .left{
background-color:#F0F0F0;
border-radius:5px 5px 0 0;
padding:60px 20px
}
@media all and (min-width:768px){
.valuation .right-image img{
width:593px;
height:323px
}
.valuation .left{
border-radius:5px;
width:50%
}
}
.valuation .left img{
margin-bottom:5px
}
@media all and (min-width:425px){
.valuation .left p{
width:389px
}
}
.valuation .left .title-head h2{
margin:0;
font-size:26px
}
@media all and (min-width:375px){
.valuation .left .title-head h2{
font-size:30px
}
}
.valuation .left .title-head h3{
font-size:25px
}
.valuation .left .button-container a{
width:100%
}
.valuation .left .button-container a:hover{
background-color:transparent
}
@media all and (min-width:375px){
.valuation .left .title-head h3{
font-size:30px
}
.valuation .left .button-container a{
width:288px
}
}
.valuation .left .button-container a p{
margin:9px 0;
width:unset
}
.valuation .right{
overflow:hidden;
position:relative;
background-color:#F0F0F0;
border-radius:0 0 5px 5px;
padding:60px 20px
}
.valuation .right:before{
content:"";
background-image:url(../img/red-balken.svg);
background-repeat:no-repeat;
background-position:center;
background-size:contain;
position:absolute;
top:0;
bottom:0;
right:0;
left:-340px
}
@media all and (min-width:375px){
.valuation .right:before{
left:-325px
}
}
@media all and (min-width:425px){
.valuation .right:before{
left:-315px
}
}
@media all and (min-width:768px){
.valuation .right{
width:50%
}
.valuation .right:before{
left:-235px
}
}
@media all and (min-width:1024px){
.valuation .right:before{
left:-320px
}
}
@media all and (min-width:1440px){
.valuation .right:before{
left:-231px
}
}
.valuation .right:after{
content:"";
background-image:url(../img/black-balken.png);
background-repeat:no-repeat;
position:absolute;
background-size:100%;
top:0;
bottom:0;
right:-100px;
width:184%;
height:394px
}
@media all and (min-width:375px){
.valuation .right:after{
right:-135px;
width:184%
}
}
@media all and (min-width:425px){
.valuation .right:after{
width:200%;
right:-200px
}
}
@media all and (min-width:768px){
.valuation .right:after{
right:-76px;
width:438px;
height:394px
}
.valuation .right{
border-radius:5px
}
}
.valuation .right div{
padding-bottom:210px;
position:relative;
z-index:5;
left:80%;
transform:translateX(-50%)
}
@media all and (min-width:375px){
.valuation .right div{
left:70%;
width:151px
}
}
@media all and (min-width:768px){
.valuation .right div{
left:77%;
width:151px
}
}
@media all and (min-width:1024px){
.valuation .right:after{
right:37px
}
.valuation .right div{
left:60%;
width:151px
}
}
@media all and (min-width:1440px){
.valuation .right div{
left:67%;
width:151px
}
}
.valuation .right div a{
font-size:19px;
color:#FFF;
text-decoration:none;
position:relative
}
.valuation .right div a img{
margin-left:15px
}
.recruiting-outest{
margin-top:130px;
margin-bottom:100px;
position:relative
}
.recruiting-outest:before{
content:"";
position:absolute;
clip-path:polygon(0 0,100% 15%,100% 85%,0 100%);
background-color:#333;
left:0;
top:0;
bottom:20%;
width:100%;
z-index:0
}
.recruiting-outest:after{
content:"";
position:absolute;
clip-path:polygon(0 0,100% 15%,100% 85%,0 100%);
transform:rotateZ(180deg);
background-color:#333;
right:0;
top:0;
bottom:20%;
width:100%;
z-index:-1
}
.recruiting-outest .recruiting-outer{
position:relative
}
.recruiting-outest .recruiting-outer:before{
content:"";
position:absolute;
clip-path:polygon(0 0,100% 15%,100% 80%,0 100%);
transform:scale(-1);
background-color:#BC0729;
inset:-59px 0 20% 0;
z-index:-1;
box-shadow:0 -5px 6px rgba(0,0,0,.16)
}
.greenline .recruiting-outest .recruiting-outer:before{
background-color: #92B73A;
}
.recruiting-outest .recruiting-outer:after{
content:"";
position:absolute;
clip-path:polygon(0 0,100% 20%,100% 85%,0 100%);
background-image:url(../img/Background.png);
background-repeat:no-repeat;
background-size:cover;
background-position:top;
z-index:-2;
box-shadow:0 -5px 6px rgba(0,0,0,.16);
inset:-59px 0 20% 0
}
.recruiting-outest .recruiting-outer .pop-up{
background-color:#fff;
border-radius:5px 0 0 5px;
position:absolute;
right:-250px;
padding:20px 70px 20px 90px;
top:100px;
transition:.5s ease-in-out;
display:none
}
@media all and (min-width:768px){
.recruiting-outest .recruiting-outer .pop-up{
display:block
}
.recruiting-outest .recruiting-outer .pop-up.active{
right:-60px
}
}
@media all and (min-width:1024px){
.recruiting-outest .recruiting-outer .pop-up.active{
right:0
}
}
.recruiting-outest .recruiting-outer .pop-up p{
margin:0
}
.recruiting-outest .recruiting-outer .pop-up p:first-child{
font-weight:700;
font-size:18px
}
.recruiting-outest .recruiting-outer .pop-up p:nth-of-type(2){
font-size:18px;
font-weight:300;
margin-bottom:15px
}
.recruiting-outest .recruiting-outer .pop-up .button-container a{
width:165px
}
.recruiting-outest .recruiting-outer .pop-up .button-container a p{
font-size:16px;
font-weight:500
}
.recruiting-outest .recruiting-outer .pop-up .pop-up-image{
border:3px solid #fff;
overflow:hidden;
border-radius:50%;
width:135px;
height:135px;
left:-70px;
top:-15px;
position:absolute
}
/*
.recruiting-outest .recruiting-outer .pop-up .pop-up-image img{
width:140px;
height:140px
}
*/
.recruiting-outest .recruiting-outer .recruiting-inner .button-container{
text-align:center;
margin-top:42px
}
.recruiting-outest .recruiting-outer .recruiting-inner .button-container a p{
margin:9px 0
}
.recruiting-outest .recruiting-outer .recruiting-inner .title-head{
margin-bottom:80px;
padding-top:130px
}
.recruiting-outest .recruiting-outer .recruiting-inner .title-head h2,.recruiting-outest .recruiting-outer .recruiting-inner .title-head h3{
color:#FFF;
margin:0
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .card-item .card-head img {
aspect-ratio: 1.5 / 1;
object-fit: cover;
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .slick-next,.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .slick-prev{
display:none
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .slick-dots li button {
border-radius:50%;
font-size:0;
line-height:0;
display:block;
width:8px;
height:8px;
padding:0;
cursor:pointer;
color:#fff;
border:1px solid #BC0729;
outline:0;
background:#fff
}
.greenline .recruiting-outest .recruiting-outer .recruiting-inner .cards-list .slick-dots li button {
border-color: #92B73A;
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .slick-dots li button:before{
font-family:slick;
line-height:11px;
width:8px;
height:8px;
font-size:8px;
color:#FFF!important;
opacity:1!important
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .slick-dots li.slick-active button:before{
opacity:1!important;
color:#BC0729!important
}
.greenline .recruiting-outest .recruiting-outer .recruiting-inner .cards-list .slick-dots li.slick-active button:before{
color: #92B73A !important;
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .slick-dots{
bottom:-30px
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .card-item{
background-color:#FFF;
overflow:hidden;
box-shadow:0 0 5px rgba(0,0,0,.1);
border-radius:5px;
margin:5px 7.5px
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .card-item .card-body div{
border-bottom:1px solid #70707020;
margin:0 20px;
padding:18.5px 0
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .card-item .card-body div:first-of-type{
padding:16px 0
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .card-item .card-body div:nth-of-type(3){
display:flex;
justify-content:right
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .card-item .card-body div:nth-of-type(3) a{
text-decoration:none;
font-size:16px;
font-weight:700;
display:flex;
align-items:center
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .card-item .card-body div:nth-of-type(3) a img{
margin-right:0;
margin-left:15px;
width:15px;
height:15px
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .card-item .card-body div .detail{
border:unset;
padding:0;
margin:0;
display:flex;
align-items:center
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .card-item .card-body div .detail img{
width:15px;
height:15px
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .card-item .card-body div p{
margin:0
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .card-item .card-body div p:first-child{
font-weight:700;
font-size:18px
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .card-item .card-body div p:nth-of-type(2){
font-size:18px;
font-weight:300
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .card-item .card-body div img{
margin-right:20px
}
.recruiting-outest .recruiting-outer .recruiting-inner .cards-list .card-item .card-body div span{
color:#454545;
font-size:14px;
font-weight:500
}
.block{
margin-bottom:139px
}
.block .title-head{
margin-bottom:45px;
text-align:center
}
@media all and (min-width:768px){
.block .title-head{
text-align:left
}
}
.block .title-head h2{
margin:0
}
.block .slider-container .slick-list{
overflow:unset
}
.block .slider-container .slick-list .slider-item{
box-shadow:0 0 10px #e8e8e8;
border-radius:5px;
background-color:#FFF;
padding:18px 25px 25px;
margin:5px 7.5px
}
.block .slider-container .slick-list .slider-item blockquote p{
margin:0
}
.block .slider-container .slick-list .slider-item blockquote p:first-child{
font-size:12px;
font-family:arboria,sans-serif;
line-height:29px;
color:#333;
letter-spacing:0
}
.block .slider-container .slick-list .slider-item blockquote p:nth-of-type(2){
font-size:14px;
letter-spacing:.35px;
line-height:25px;
font-weight:300;
margin-bottom:13px
}
.block .slider-container .slick-list .slider-item blockquote p:nth-of-type(3){
text-align:right
}
.block .slider-container .slick-list .slider-item blockquote img{
width:15px;
height:15px;
margin-bottom:10px
}
.block .slider-container .slick-dots li button{
border-radius:50%;
font-size:0;
line-height:0;
display:block;
width:8px;
height:8px;
padding:0;
cursor:pointer;
color:#fff;
border:1px solid #BC0729;
outline:0;
background:#fff
}
.greenline .block .slider-container .slick-dots li button{
border-color: #92B73A;
}
.block .slider-container .slick-dots li button:before{
font-family:slick;
line-height:11px;
width:8px;
height:8px;
font-size:8px;
color:#FFF!important;
opacity:1!important
}
.block .slider-container .slick-dots li.slick-active button:before{
opacity:1!important;
color:#BC0729!important
}
.greenline .block .slider-container .slick-dots li.slick-active button:before{
color: #92B73A;
}
.block .slider-container .slick-dots{
bottom:-55px
}
.block .slider-container .slick-next:before{
color:unset!important;
transition:.3s ease-in-out
}
.block .slider-container .slick-next{
right:5px;
top:-26%
}
.block .slider-container .slick-next:hover:before{
filter:opacity(.5)
}
.block .slider-container .slick-prev:before{
color:unset!important;
transition:.3s ease-in-out
}
.block .slider-container .slick-prev:hover:before{
filter:opacity(.5)
}
@media all and (min-width:768px){
.block .slider-container .slick-next:before{
background-image:url(../img/arrow-right-red.svg)!important;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
font-family:unset!important;
font-size:18px!important
}
.block .slider-container .slick-prev:before{
background-image:url(../img/arrow-left-red.svg)!important;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
font-family:unset!important;
font-size:18px!important
}
.block .slider-container .slick-prev{
left:630px;
top:-26%
}
footer .footer-top .left{
text-align:center
}
}
@media all and (min-width:1024px){
.block .slider-container .slick-prev{
left:888px
}
}
footer{
background-color:#333;
color:#FFF
}
footer .container{
padding:0 20px 60px
}
@media all and (min-width:1024px){
footer .container{
padding:0 20px
}
footer .footer-top{
display:flex;
flex-wrap:wrap
}
}
footer a{
color:#FFF;
text-decoration:none
}
footer a:hover{
opacity:1
}
footer ul{
margin:0;
padding:0;
list-style:none
}
footer ul li{
list-style:none
}
footer .footer-top .left{
color:#FFF;
padding:45px 0 25px;
position:relative
}
@media all and (min-width:1024px){
footer .footer-top .left{
text-align:unset;
border-right:1px solid #707070;
width:250px;
padding-right:40px
}
}
@media all and (min-width:1440px){
.block .slider-container .slick-list{
overflow:hidden
}
.block .slider-container .slick-prev{
left:1065px
}
footer .footer-top .left{
width:290px
}
}
footer .footer-top .left:after{
content:"";
height:1px;
color:#707070;
background-color:#707070;
bottom:0;
position:absolute;
width:200vw;
left:-50vw
}
footer .footer-top .left img{
width:187px;
height:55px;
margin-bottom: 20px;
}
footer .footer-top .left div p{
font-size:14px;
display:inline-block;
margin-right:65px
}
footer .footer-top .left p{
color:#FFF;
margin:0
}
footer .footer-top .left p span{
text-decoration:underline
}
footer .footer-top .left p img{
width:8.5px;
height:8.5px;
margin-left:10px
}
footer .footer-top .left span{
font-family:arboria,sans-serif;
font-size:14px
}
@media all and (min-width:1024px){
footer .footer-top .right{
width:70%
}
footer .footer-top .right ul.contact{
border-bottom:1px solid #707070
}
}
footer .footer-top .right ul{
gap:20px;
display:flex;
flex-direction:column;
padding:50px 0 44px
}
footer .footer-top .right ul.menu {
padding: 0;
}
@media all and (min-width:768px){
footer .footer-top .right ul.contact{
flex-direction:unset;
justify-content:space-between;
gap:unset
}
footer .footer-top .right ul.contact li{
width:33.333333%
}
footer .footer-top .right ul.contact li a:hover span{
background-size:100% 1px;
background-position:0 100%
}
footer .footer-top .right ul.contact li a span{
text-decoration:none;
background:linear-gradient(#FFF,#FFF);
background-size:0 1px;
background-position:100% 100%;
background-repeat:no-repeat;
transition:background-size 350ms
}
}
footer .footer-top .right ul li a{
display:flex;
flex-direction:column;
align-items:center
}
footer .footer-top .right ul li a img{
margin-bottom:10px
}
footer .footer-top .right ul li a span{
font-size:16px
}
footer .footer-top .right .menu-outer{
padding:45px 0;
position:relative
}
@media all and (min-width:768px){
footer .footer-top .right .menu-outer{
display:flex;
justify-content:space-around
}
}
footer .footer-top .right .menu-outer:after{
content:" ";
height:1px;
color:#707070;
background-color:#707070;
bottom:0;
position:absolute;
width:200vw;
left:-50vw
}
footer .footer-top .right .menu-outer:before{
content:" ";
height:1px;
color:#707070;
background-color:#707070;
top:0;
position:absolute;
width:200vw;
left:-50vw
}
@media all and (min-width:1024px){
footer .footer-top .right .menu-outer:after{
display:none
}
footer .footer-top .right .menu-outer:before{
left:0;
top:-1px
}
footer .footer-top .right .menu-outer .menu .menu-header{
margin-bottom:10px
}
}
footer .footer-top .right .menu-outer .menu .menu-header.active::after{
transform:rotate(360deg)
}
footer .footer-top .right .menu-outer .menu .menu-header::after{
content:" ";
position:absolute;
background-image:url(../img/arrow-up.svg);
background-repeat:no-repeat;
background-size:contain;
background-position:center;
width:20px;
height:20px;
right:20px;
transition:.3s ease-in-out;
transform:rotate(180deg)
}
.items,.items .item{
transform:translate(-50%,-50%)
}
@media all and (min-width:768px){
footer .footer-top .right .menu-outer .menu{
display:inline-block
}
footer .footer-top .right .menu-outer .menu .menu-header{
border-bottom:unset
}
footer .footer-top .right .menu-outer .menu .menu-header::after{
display:none
}
}
footer .footer-top .right .menu-outer .menu div{
display:none;
margin-bottom:20px
}
@media all and (min-width:768px){
footer .footer-top .right .menu-outer .menu div{
display:unset
}
}
footer .footer-top .right .menu-outer .menu div ul{
gap:unset
}
footer .footer-top .right .menu-outer .menu div ul li a{
align-items:unset;
display:inline-block;
text-decoration:none;
background:linear-gradient(#FFF,#FFF);
background-size:0 1px;
background-position:100% 100%;
background-repeat:no-repeat;
transition:background-size 350ms
}
footer .footer-top .right .menu-outer .menu div ul li a:hover{
background-size:100% 1px;
background-position:0 85%
}
footer .footer-top .right .menu-outer .menu ul{
padding:unset
}
footer .footer-top .right .menu-outer .menu ul li{
font-family:arboria,sans-serif;
font-size:14px;
letter-spacing:.35px;
line-height:30px;
color:#FFF
}
footer .footer-bottom{
display:flex;
flex-direction:column;
justify-content:center;
gap:20px;
padding:50px 0;
position:relative
}
@media all and (min-width:1024px){
footer .footer-bottom{
flex-direction:unset;
justify-content:space-between;
align-items:center
}
}
footer .footer-bottom:after{
content:"";
height:1px;
color:#707070;
background-color:#707070;
top:0;
position:absolute;
width:200vw;
left:-50vw
}
.items,.items .button-container,.items .item{
position:absolute;
left:50%
}
@media all and (min-width:768px){
footer .footer-bottom:after{
top:-1px
}
}
footer .footer-bottom p{
color:#FFF;
font-weight:700;
text-align:center
}
footer .footer-bottom p span:first-child{
font-size:12px
}
footer .footer-bottom p span:nth-child(2){
width:15px;
height:15px;
display:inline-block;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
margin-bottom:-3px
}
footer .footer-bottom .social-media{
display:flex;
gap:25px;
justify-content:center;
order:-1
}
@media all and (min-width:1024px){
footer .footer-bottom .social-media{
order:unset
}
}
footer .footer-bottom .social-media a:hover{
animation:hithere 1s ease infinite
}
footer .footer-bottom .social-media img{
width:20px;
height:20px
}
footer .footer-bottom div{
display:flex;
justify-content:center;
order:-5
}
footer .footer-bottom div.back{
display:flex
}
footer .footer-bottom div.back a{
align-items:center
}
footer .footer-bottom div.back img{
width:11px;
height:13px
}
@media all and (min-width:1024px){
footer .footer-bottom div{
order:unset
}
}
footer .footer-bottom div a{
display:flex;
gap:10px
}
footer .footer-bottom div a:hover img{
animation:bounce2 2s ease infinite
}
.items{
user-select:none;
z-index:5;
top:57%
}
@media all and (min-width:375px){
.items{
top:55%
}
}
@media all and (min-width:768px){
.items{
top:65%
}
}
.items .item{
top:50%;
overflow:hidden;
transition:all .3s ease-in-out;
z-index:-1;
opacity:0;
width:300px;
height:auto
}
@media all and (min-width:375px){
.items .item{
width:350px
}
}
@media all and (min-width:768px){
.items .item{
width:591px;
height:379px
}
}
.item img{
width:100%;
height:100%;
object-fit:cover
}
.item.active{
opacity:1;
z-index:99
}
.item.next,.item.prev{
z-index:2;
opacity:.25
}
.item.prev{
transform:translate(-110%,-95%);
width:200px;
height:auto
}
@media all and (min-width:768px){
.item.prev{
transform:translate(-125%,-95%);
width:389px;
height:249px
}
}
.item.next{
transform:translate(5%,-95%);
width:200px;
height:auto
}
@media all and (min-width:768px){
.item.next{
transform:translate(25%,-95%);
width:389px;
height:249px
}
}
.items .button-container{
top:50%;
transform:translate(-50%,-50%);
width:240px;
margin-top:110px;
z-index:100
}
@media all and (min-width:375px){
.items .button-container{
top:50%;
width:280px;
margin-top:125px
}
}
@media all and (min-width:768px){
.items .button-container{
width:700px;
margin-top:0
}
}
.button-container .button{
color:#fff;
font-size:32px;
cursor:pointer;
position:relative;
opacity:.75;
transition:all .3s ease-in-out
}
.button-container .button:hover{
opacity:1
}
.button-container .button:before{
content:"";
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:50px;
height:50px;
background-color:#BC0729;
border-radius:50%;
z-index:-99
}
.greenline .button-container .button:before{
background-color: #92B73A;
}
.button-container .button:nth-child(1){
float:left
}
.button-container .button:nth-child(1):before{
background-image:url(../img/arrow-left-white-custom.svg)!important;
background-repeat:no-repeat;
background-size:15px;
background-position:center
}
.button-container .button:nth-child(2){
float:right
}
.button-container .button:nth-child(2):before{
background-image:url(../img/arrow-right-white-custom.svg)!important;
background-repeat:no-repeat;
background-position:center;
background-size:15px
}
/*DOMINIK CSS ANPASSUNGEN*/
.ti-widget .source-Google .ti-star.f {
background-image: url('../img/star.png')
}
.ti-widget.ti-goog .ti-controls .ti-next:after, .ti-widget.ti-goog .ti-controls .ti-prev:after,
.ti-widget.ti-goog .ti-controls .ti-next:before, .ti-widget.ti-goog .ti-controls .ti-prev:before {
background: #BC0729 !important;
}
.greenline .ti-widget.ti-goog .ti-controls .ti-next:after,.greenline .ti-widget.ti-goog .ti-controls .ti-prev:after,
.greenline .ti-widget.ti-goog .ti-controls .ti-next:before,.greenline .ti-widget.ti-goog .ti-controls .ti-prev:before {
background: #92B73A !important;
}
@media all and (min-width: 1240px) {
.shortcode-container {
margin: 0 -20px;
}
}
.meeting lottie-player {
width: 50px;
height: 50px;
}
.custom-logo {
max-width: 187px;
}
.upper-bar-container {
display: flex;
justify-content: space-between;
align-items: center;
}
nav#site-navigation {
margin: 0;
}
/*MEGA MENU*/
.menu-toggle-mobile {
display: inline-block;
}
.drop-holder {
background-color: #FFF;
}
a.nav-image-button {
color: #FFF !important;
background-color: #BC0729;
border: 1px solid #bc0729;
border-radius: 5px;
padding: 14px 25px 15px;
text-align: center;
max-width: 288px;
width: 100%;
font-size: 16px;
font-weight: 700;
line-height: 19px;
}
.greenline a.nav-image-button {
background-color: #92B73A;
border-color: #92B73A;
}
header .menu a.nav-image-button:hover {
background-color: #FFF;
color: #bc0729 !important;
opacity: 1;
}
.greenline header .menu a.nav-image-button:hover {
color: #92B73A !important;
}
@media all and (max-width: 1024px) {
.main-menu.nav-above-desktop, .main-navigation ul > li > .drop-holder {
position: fixed;
inset: 68px 0 0 0;
background-color: #FFF;
z-index: 1000000;
overflow-y: auto;
padding: 20px;
transition: .3s ease-in-out;
opacity: 0;
pointer-events: none;
}
.main-menu.nav-above-desktop.active, .main-navigation ul > li > .drop-holder.active {
opacity: 1;
pointer-events: all;
}
h2.nav-drop-title {
display: none;
}
.main-menu.nav-above-desktop a {
text-transform: uppercase;
color: #000000;
letter-spacing: .9px;
line-height: 18px;
font-weight: 500;
font-family: "brandon-grotesque", sans-serif;
font-size: 16px;
transition: .3s ease-in-out;
padding: 15px 0;
display: block;
}
.nav-image-holder {
color: #FFF;
padding: 70px 20px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-color: #FFF;
}
.nav-image-button.black-button, .nav-image-button.black-button:before {
width: 100%;
}
.nav-image-button.black-button:before {
background-color: #FFF;
}
.nav-image-button.black-button:after {
left: auto;
clip-path: polygon(113% 0%, 100% 0, 100% 100%, 0% 100%);
background-color: #FFF !important;
right: -5px;
}
.nav-image-title, .nav-drop-title {
font-family: "cubano-sharp", sans-serif;
margin: 0 0 15px;
font-size: 25px;
line-height: 30px;
font-style: italic;
letter-spacing: 1.25px;
text-transform: uppercase;
}
.nav-image-text, .nav-image-text p {
font-size: 14px;
line-height: 25px;
margin: 0 0 38px;
}
.nav-image-text p{
margin: 0;
}
.menu-toggle-mobile-icon {
width: 10px;
height: 10px;
display: inline-block;
padding: 0 30px;
background-image: url('../img/angle-right.svg');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.drop-holder-back {
display: block;
margin-bottom: 20px;
position: relative;
padding-left: 25px;
}
.drop-holder-back:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 20px;
height: 12px;
display: inline-block;
background-image: url(../img/angle-right.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
top: 50%;
transform: translateY(-58%) rotate(180deg);
}
}
@media all and (min-width: 1024px) {
.drop-holder-back {
display: none;
}
.menu-toggle-mobile-icon {
width: 10px;
height: 10px;
display: inline-block;
padding: 0 0 0 75px;
background-image: url('../img/angle-right.svg');
background-repeat: no-repeat;
background-size: contain;
background-position: right;
}
.nav-above-desktop
{
position: fixed;
z-index: 10000;
top: 72px;
left: 0;
right: 0;
background-color: white;
box-shadow: 0px 3px 5px #0000000D;
}
header .menu {
display: flex;
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
header .menu > li {
margin-right: 55px;
}
header .menu a {
color: #000000;
letter-spacing: 0;
line-height: 18px;
font-weight: 400;
font-size: 15px;
transition: .3s ease-in-out;
}
header .menu a:hover {
color: #BC0729;
}
.greenline header .menu a:hover {
color: #92B73A;
}
header .menu > li:last-child {
margin-right: 0;
}
header .menu > li > a {
padding: 26px 0;
display: block;
}
header .menu > li > a .menu-toggle-mobile-icon {
width: 10px;
height: 10px;
display: inline-block;
background-image: url(../img/angle-right.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transform: rotate(90deg);
margin-left: 10px;
position: relative;
top: 2px;
display: none;
}
header .menu > li > .drop-holder {
position: fixed;
left: 0;
right: 0;
top: 100px;
z-index: 10;
display: flex;
justify-content: space-between;
height: 550px;
border-top: 1px solid #DBDBDB;
opacity: 0;
pointer-events: none;
/* transition: .3s ease-in-out; */
min-height: 370px;
box-shadow: 0px 3px 6px #00000015;
overflow: hidden;
}
.woocommerce-page header .menu > li > .drop-holder {
top: 107px;
}
header .menu > li > .drop-holder.active {
opacity: 1;
pointer-events: all;
}
header .menu > li > .drop-holder:before {
content: "";
position: absolute;
inset: 0 -50vw;
width: 200vw;
background-color: #FFFFFF;
z-index: -1;
}
header .menu > li > .drop-holder > ul {
width: 65%;
margin-top: 40px;
position: relative;
}
.nav-image-holder {
width: 35%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0 0 55px 101px;
color: #FFF;
background-color: #FFF;
}
.nav-image-holder * {
max-width: 288px;
}
.nav-image-button.black-button, .nav-image-button.black-button:before {
width: 100%;
}
.nav-image-button.black-button:before {
background-color: #FFF;
}
.nav-image-button.black-button:after {
left: 215px;
clip-path: polygon(97% 0%, 100% 0, 100% 100%, 0% 113%);
background-color: #FFF !important;
}
.nav-image-title, .nav-drop-title {
margin: 0 0 15px;
font-size: 30px;
line-height: 36px;
letter-spacing: 0;
}
.nav-image-title {
color: #FFF;
}
.nav-drop-title {
margin-bottom: 29px;
pointer-events: none;
}
.nav-image-text, .nav-image-text p {
font-size: 14px;
line-height: 25px;
margin: 0 0 38px;
}
.nav-image-text p{
margin: 0;
}
header .menu > li > .drop-holder > ul > li > a {
font-size: 16px;
font-weight: 400;
line-height: 19px;
position: relative;
padding: 10px 0 13px;
display: inline-block;
}
header .menu > li > .drop-holder > ul > li > a:hover {
opacity: 1;
}
/* header .menu > li > .drop-holder > ul > li.menu-item-has-children > a {
padding-right: 55px;
} */
/* header .menu > li > .drop-holder > ul > li.menu-item-has-children > a:before, header .menu > li > .drop-holder > ul > li > .drop-holder > ul > li > a:before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-image: url('../img/angle-right.svg');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 10px;
height: 14px;
transition: .3s ease-in-out
} */
header .menu > li > .drop-holder > ul > li > a:after {
position: absolute;
content: "";
background-color: #FFFFFF;
width: 100vw;
inset: 0 -25px;
z-index: -1;
border-radius: 3px;
pointer-events: none;
}
header .menu > li > .drop-holder > ul > li > a:hover:after, header .menu > li > .drop-holder > ul > li.active > a:after{
background-color: #F0F0F0;
}
header .menu > li > .drop-holder > ul > li > .drop-holder {
width: 55%;
position: absolute;
top: -40px;
left: 45%;
padding-left: 7%;
border-left: 1px solid #DBDBDB;
overflow: hidden;
opacity: 0;
pointer-events: none;
/* transition: .3s ease-in-out; */
z-index: 1;
}
header .menu > li > .drop-holder > ul > li > .drop-holder.active {
pointer-events: all;
opacity: 1;
}
header .menu > li > .drop-holder > ul > li > .drop-holder > ul > li {
padding-top: 22px;
padding-bottom: 10px;
border-bottom: 1px solid #DBDBDB;
position: relative;
}
header .menu > li > .drop-holder > ul > li > .drop-holder > ul > li:after {
content: "";
position: absolute;
right: 0;
bottom: -0.5px;
height: 1px;
width: 100vw;
background-color: #DBDBDB;
}
header .menu > li > .drop-holder > ul > li > .drop-holder > ul > li:last-child {
border-bottom: 0;
}
header .menu > li > .drop-holder > ul > li > .drop-holder > ul > li > a {
font-weight: 700;
margin-bottom: 17px;
display: inline-block;
font-size: 16px;
line-height: 19px;
position: relative;
}
header .menu > li > .drop-holder > ul > li > .drop-holder > ul > li > a .menu-toggle-mobile-icon {
transform: rotate(90deg);
}
header .menu > li > .drop-holder > ul > li > .drop-holder > ul > li .drop-holder a {
font-size: 14px;
letter-spacing: 0.35px;
font-weight: 200;
line-height: 1;
padding-bottom: 10px;
display: inline-block;
text-transform: unset;
}
header .menu > li > .drop-holder > ul > li > .drop-holder > ul > li .drop-holder {
display: none;
}
header .menu > li > .drop-holder > ul > li > .drop-holder > ul > li:first-child .drop-holder {
display: block;
}
header .menu > li > .drop-holder > ul > li > .drop-holder > ul > li:last-child a {
color: #BC0729;
}
.greenline header .menu > li > .drop-holder > ul > li > .drop-holder > ul > li:last-child a {
color: #92B73A;
}
header .menu > li > .drop-holder > ul > li > .drop-holder > ul > li:last-child a:hover{
opacity: .7;
}
}
@media all and (max-width: 1024px) {
main {
margin-top: 70px !important;
}
/*
.top-nav .upper-bar {
display: none;
}
*/
}
/* CHRISTOPHER EDIT */
@media all and (min-width: 768px) {
.meeting {
padding: 0px 32px 0px 12px;
}
}
@media all and (max-width:1023px) {
.top-nav .upper-bar {
display: none;
}
}
.services-slider .slick-prev:before {
content: "";
position: absolute;
top: 50%;
right: 50%;
width: 20px;
height: 20px;
background-image:url(https://rel.autoleeb.at/wp-content/themes/autoleeb/img/arrow-left-red.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 15px;
}
.services-slider .slick-next:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
background-image:url(https://rel.autoleeb.at/wp-content/themes/autoleeb/img/arrow-right-red.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 15px;
}
.slick-next {
position: absolute;
top: unset;
bottom: -11%;
left: 55%!important;
transform: translateX(-50%)!important;
}
.slick-prev {
position: absolute;
top: unset;
bottom: -11%;
left: 45%!important;
transform: translateX(-50%)!important;
}
@media all and (min-width: 768px) {
.slick-prev {
top: -70px;
left: 75%!important;
}
.slick-next {
top: -70px;
bottom: unset;
left: 80%!important;
}
}
@media all and (min-width: 1440px) {
.slick-next {
left: 82%!important;
}
.slick-prev {
left: 79%!important;
}
}
.service-head {
padding: 88px 20px!important;
}
.service-body {
margin-top: 12px;
}
@media all and (min-width: 1440px) {
.services-outer .services {
height: 546px;
}
}
@media all and (max-width: 767px) {
.services-outer {
margin-bottom: 130px;
}
}
.slick-list {
overflow: visible!important;
}
.service-card {
margin: 0 7.5px;
}
@media all and (min-width: 1440px) {
.services-slider .slick-list {
padding: 0px 120px 0px 0px!important;
overflow: hidden!important;
}
}
@media all and (min-width: 1024px) {
.valuation .left {
padding-left: 101px;
}
}
.left p {
font-weight: 300;
}
.button-container a p {
font-weight: 700;
}
.card-body div p {
margin-left: 15px!important;
}
.detail {
margin-left: 15px!important;
}
footer {
background-image: url(https://rel.autoleeb.at/wp-content/themes/autoleeb/img/Background.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
}
.left .bold {
font-weight: bold;
margin-bottom: 20px!important;
}
.left div:last-child p {
margin-right: 60px!important;
}
footer .footer-top .left p img {
margin-left: 0px;
margin-bottom: 0px;
}
.left p span a {
transition: 0.3s ease-in-out;
}
.left p span a:hover {
opacity: 0.7!important;
}
.left .margin-bottom:nth-of-type(2) p {
margin-right: 50px;
}
@media all and (max-width: 767px) {
.promotion {
padding: 88px 20px!important;
}
}
@media all and (max-width: 767px) {
.valuation .right-image img {
width: 100%;
height: auto;
}
}
@media all and (min-width: 1024px) {
footer .footer-top .right ul.contact {
align-items: center!important;
}
}
@media all and (max-width: 1024px) {
.service-card.slick-current .service-head {
height: 423px!important;
z-index: 5!important;
}
.service-card.slick-current .service-head:before {
opacity: 1!important;
z-index: 0!important;
display: block!important;
}
.service-card.slick-current .service-head:after {
opacity: 1!important;
z-index: 0!important;
display: block!important;
}
.services-outer .services .services-slider .service-card.slick-current .service-body {
z-index: -2!important;
opacity: 0!important;
}
.services-outer .services .services-slider .service-card.slick-current .service-head h2 {
opacity: 1!important;
position: relative!important;
z-index: 1!important;
margin-bottom: 25px!important;
}
.services-outer .services .services-slider .service-card.slick-current .service-head p {
opacity: 1!important;
position: relative!important;
z-index: 1!important;
margin-bottom: 50px!important;
}
.services-outer .services .services-slider .service-card.slick-current .service-head a {
opacity: 1!important;
position: relative!important;
z-index: 1!important;
}
}
@media all and (max-width: 767px) {
.services-slider .slick-prev:before {
top: -400%;
}
.services-slider .slick-next:before{
top: -400%;
}
}
@media all and (max-width: 1023px) {
.intro-block .title-head h2 {
margin-bottom: 0px;
}
.intro-block {
height: calc(85vh + 20px);
}
}
@media all and (max-width: 1439px) {
.intro-block .title-head h2 {
margin-bottom: 0px;
}
}
@media all and (min-width: 1440px) {
.intro-block {
height: calc(85vh + 20px);
margin-bottom: 130px;
}
}
.intro-block {
height: calc(85vh + 20px);
}
.services-outer .services .services-slider .service-card:hover .service-head h2 {
overflow-wrap: unset!important;
hyphens: auto!important;
line-height: 30px;
}
@media all and (max-width: 1024px) {
.services-outer .services .services-slider .service-card.slick-current .service-head h2 {
overflow-wrap: unset!important;
hyphens: auto!important;
line-height: 30px;
}
}
@media all and (max-width:1024px) {
.upper-bar, .top-bar {
display: none;
}
}
#wpadminbar {
z-index: 99999999;
}
/*HÄNDLERBEREICH*/
.logged-in-header {
padding-top: 30px;
}
.logged-in-header {
padding-top: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
gap: 20px;
margin-bottom: 50px;
}
.logged-in-header svg {
height: 14px;
margin-right: 5px;
}
.logged-in-header a {
color: #333;
font-weight: 700;
font-size: 16px;
line-height: 1;
text-decoration: underline;
}
.trader-doc-list {
margin-top: 40px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 15px;
margin-bottom: 80px;
}
.trader-doc-list-item svg {
height: 30px;
margin: 0 auto 5px;
}
.trader-doc-list-item svg path {
transition: .3s ease-in-out;
}
.trader-doc-list-item a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 400;
color: #333;
transition: .3s ease-in-out;
line-height: 1;
}
.trader-doc-list-item a:hover {
color: #BC0729;
}
.trader-doc-list-item a:hover svg path {
fill: #BC0729;
}
@media all and (min-width: 768px) {
.trader-doc-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media all and (min-width: 1024px) {
.trader-doc-list {
grid-template-columns: repeat(4, 1fr);
}
}
.login-header {
padding-top: 85px;
text-align: center;
}
.trader-block form#loginform {
max-width: 700px;
border-radius: 20px;
box-shadow: 0 0 3px #00000d;
background-color: #FFF;
padding: 40px 15px;
margin: 50px auto;
}
@media all and (min-width: 768px) {
.trader-block form#loginform {
padding: 40px;
}
}
.trader-block input:not([type="submit"]):not([type="checkbox"]) {
border: 1px solid #333333;
color: #000000;
border-radius: 3px;
font-size: 16px;
line-height: 19px !important;
padding: 12px 26px 15px;
width: 100%;
}
.trader-block input[type="submit"] {
background-color:#BC0729;
border-radius:5px;
color:#FFF;
font-size:16px;
font-family:arboria,sans-serif;
font-weight:700;
letter-spacing:0;
line-height:30px;
display:inline-block;
text-decoration:unset;
width:100%;
max-width: 288px;
text-align:center;
transition:.3s ease-in-out;
border:1px solid #BC0729
}
.trader-block input[type="submit"]:hover {
background-color:#FFF;
color:#BC0729;
border:1px solid #BC0729;
opacity:1
}
.trader-block label {
font-size: 16px;
font-weight: 400;
line-height: 19px;
}
.wp-block-image.aligncenter {
margin: 0 auto;
}
.wp-block-image.alignright {
margin: 0 0 0 auto;
}
.intro-block .logos ul.custom_dots_videos, .intro-block ul.custom_dots_videos {
width: 100%;
justify-content: center;
text-align: center;
margin-bottom: 25px;
margin-top: -25px;
}
.intro-block .logos ul.custom_dots_videos li, .intro-block ul.custom_dots_videos li {
width: 15px;
height: 15px;
border-radius: 50%;
box-shadow: none;
background-color: transparent;
border-color: #BC0729;
border: 1px solid #fff;
transition: .3s ease;
cursor: pointer;
}
.intro-block .logos ul.custom_dots_videos li:hover, .intro-block .logos ul.custom_dots_videos li.active, .intro-block ul.custom_dots_videos li:hover, .intro-block ul.custom_dots_videos li.active {
background-color: #fff;
}
.intro-block .logos {
flex-wrap: wrap;
}
.intro-block {
position: relative;
}
ul.custom_dots_videos.desktop {
position: absolute;
right: 25px;
z-index: 1;
top: 50%;
width: unset;
}
ul.custom_dots_videos.desktop li {
margin: 15px 0;
}
ul.custom_dots_videos.mobil {
display: none;
}
@media all and (max-width: 480px) {
ul.custom_dots_videos.mobil {
display: flex;
}
ul.custom_dots_videos.desktop {
display: none;
}
}
.intro-block.small.images .logos {
position: absolute;
bottom: 0;
}
.pop-up-image {
cursor: pointer;
}
.cli-bar-message {
color: #000;
}
body .ui-datepicker:not(.gform-legacy-datepicker)[style] {
z-index: 9999999999 !important;
isolation: isolate;
}
@media all and (max-width: 768px) {
body .ui-datepicker:not(.gform-legacy-datepicker)[style] {
left: 0 !important;
}
}
@media all and (max-width: 480px) {
body .contact-modal .contact-modal-inner .gform_wrapper.gravity-theme .gform_page_footer {
margin-bottom: 55px;
}
}
span.gform-field-label__text {
color: #333333;
}
.gform_wrapper.gravity-theme .gfield--datepicker-default-icon .ginput_container_date button {
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
margin: 0;
opacity: 0;
z-index: 1;
}