/*------------------------------ACF-Flexible-Content-----------------------------------------*/

.inhaltsbloecke{overflow:hidden;}

.datenschutzerklaerung .inhaltsbloecke, .impressum .inhaltsbloecke{margin-top:115px;}

div[class^="flx_"], div[class*="flx_"]{padding:75px 0;position: relative;}

.flx_headerblock{padding:0!important;}
.flx_headerblock .bildwrapper{position:relative;overflow:hidden;}
.flx_headerblock .bildwrapper:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.63) 60%, rgba(0, 0, 0, 0) 100%);opacity:0.3;;z-index:5}
.flx_headerblock .bildwrapper:after{content:'';position:absolute;top:115px;left:-10%;background:url('../media/reifenspur_white.svg');background-size:100%;background-position:center;background-repeat:no-repeat;z-index:9;opacity:0.2;display:block;width:950px;height:1050px;}
.flx_headerblock .bildwrapper img{border-radius:0;width:100%;}
.flx_headerblock .content{position:absolute;bottom:17.5%;z-index:10;color:var(--white);}
.flx_headerblock .content .headline, .flx_headerblock .content .topline{color:var(--white);width:50%;}
.flx_headerblock.mitvideo video{height:880px;object-fit:cover;}
.flx_headerblock.mitfarbe{height:350px;}

.flx_headerblock.mitvideo{position: relative;}
.flx_headerblock.mitvideo:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.63) 60%, rgba(0, 0, 0, 0) 100%);opacity:0.3;;z-index:5}
.flx_headerblock.mitvideo:after{content:'';position:absolute;top:115px;left:-10%;background:url('../media/reifenspur_white.svg');background-size:100%;background-position:center;background-repeat:no-repeat;z-index:9;opacity:0.2;display:block;width:950px;height:1050px;}


.flx_headerblock .seitenteaserwrapper .item .iteminner{background: rgba(255, 255, 255, 0.15);border-radius: 10px;backdrop-filter: blur(9.1px);-webkit-backdrop-filter: blur(9.1px);border: 1px solid var(--white);transition:all .3s ease;margin:0 25px;}
.flx_headerblock .seitenteaserwrapper .item .iteminner:hover{transform:scale(1.05);transition:all .3s ease;}
.flx_headerblock .seitenteaserwrapper .item .iteminner .icon{display:block;max-width:50%;margin:25px auto;}
.flx_headerblock .seitenteaserwrapper .item .iteminner .headline{font-size:125%;text-align:center;display:block;width:100%;}

.flx_headerblockformular{padding-top:0!important;}
.flx_headerblockformular #anfrage{margin-top:-150px;position:relative;z-index:9;}
.flx_headerblockformular #anfrage .headerbox{background:#3D3D3D;padding:10px 25px;border-top-right-radius:10px;border-top-left-radius:10px;}
.flx_headerblockformular #anfrage .headerbox span{color:var(--white);font-weight:700;}
.flx_headerblockformular #anfrage .headerbox span.right{color:var(--white);font-weight:400;text-align:right;display:block;}
.flx_headerblockformular #anfrage .headerbox span img{margin-left:10px;}
.flx_headerblockformular #anfrage .formular{padding:25px;background:rgba(222,222,222,0.5);backdrop-filter: blur(20px);border-bottom-right-radius:10px;border-bottom-left-radius:10px;}

.flx_leistungblock{background:var(--light);}
.flx_leistungblock .headline{margin-bottom:75px;text-align:center;}
.flx_leistungblock .topline, .flx_leistungblock .subline{text-align:center;}
.flx_leistungblock .tabblock .nav-pills{width:30%;margin-right:50px!important;}
.flx_leistungblock .tabblock .nav-pills .nav-link{margin-bottom:15px;background:var(--light);color:var(--main);text-align:left;font-weight:700;font-size:125%;text-transform:uppercase;}
.flx_leistungblock .tabblock .nav-pills .nav-link.active{color:var(--white);background:var(--sec);}
.flx_leistungblock .tabblock .nav-pills .nav-link img{max-width:50px;margin-right:25px;}
.flx_leistungblock .tabblock .nav-pills .nav-link.active img{filter:brightness(10);}
.flx_leistungblock .tabblock .tab-content{width:70%;}
.flx_leistungblock .tabblock .tab-content .tab-pane{position: relative;z-index:9;}
.flx_leistungblock .tabblock .tab-content .tab-pane .inhalt{padding:0 25px;}
.flx_leistungblock .tabblock .tab-content .tab-pane .inhalt .headline{font-size:150%;text-align:left;margin-bottom:25px;}
.flx_leistungblock .tabblock .tab-content .tab-pane .inhalt ul li{font-weight:700;text-transform:uppercase;padding-left:30px;position:relative;margin:5px 0;}
.flx_leistungblock .tabblock .tab-content .tab-pane .inhalt ul li:before{content:'';display:block;width:25px;height:15px;background:url('../media/li_arrow.svg');background-position:center;background-size:100%;background-repeat:no-repeat;position:absolute;top:10px;left:0;}
.flx_leistungblock .tabblock .tab-content .tab-pane .bildslider .owl-controls .owl-dots{margin:35px 0 0;text-align:center;}
.flx_leistungblock .tabblock .tab-content .tab-pane .bildslider .owl-controls .owl-dots .owl-dot{display:inline-block;width:15px;height:15px;margin:5px;background:var(--main);border-radius:50%;transition:all .3s ease;}
.flx_leistungblock .tabblock .tab-content .tab-pane .bildslider .owl-controls .owl-dots .owl-dot.active{background:var(--sec);transition:all .3s ease;}
.flx_leistungblock .tabblock .tab-content .tab-pane .bildslider .owl-controls .owl-nav{position: absolute;width: 50%;left:50%;transform:translateX(-50%);margin-top:2px;}
.flx_leistungblock .tabblock .tab-content .tab-pane .bildslider .owl-controls .owl-nav .owl-prev{display:block;width:25px;height:25px;background:url('../media/slider-arrow.svg');background-position:center;background-repeat:no-repeat;background-size:cover;transform:rotate(180deg);float:left;}
.flx_leistungblock .tabblock .tab-content .tab-pane .bildslider .owl-controls .owl-nav .owl-next{display:block;width:25px;height:25px;background:url('../media/slider-arrow.svg');background-position:center;background-repeat:no-repeat;background-size:cover;float:right;}

.flx_bildblock.sliderwrapper .content{width:80%;margin:0 auto 50px;}
.flx_bildblock.sliderwrapper .content .headline, .flx_bildblock.sliderwrapper .content .topline{text-align:center;width:100%;display:block;}
.flx_bildblock.sliderwrapper .content .buttonwrapper{text-align:center;}
.flx_bildblock.sliderwrapper .slider .owl-controls .owl-dots{margin:35px 0 0;text-align:center;}
.flx_bildblock.sliderwrapper .slider .owl-controls .owl-dots .owl-dot{display:inline-block;width:15px;height:15px;margin:5px;background:var(--main);border-radius:50%;transition:all .3s ease;}
.flx_bildblock.sliderwrapper .slider .owl-controls .owl-dots .owl-dot.active{background:var(--sec);transition:all .3s ease;}
.flx_bildblock.sliderwrapper .slider .owl-controls .owl-nav{position: absolute;width: 30%;left:50%;transform:translateX(-50%);}
.flx_bildblock.sliderwrapper .slider .owl-controls .owl-nav .owl-prev{display:block;width:25px;height:25px;background:url('../media/slider-arrow.svg');background-position:center;background-repeat:no-repeat;background-size:cover;transform:rotate(180deg);float:left;}
.flx_bildblock.sliderwrapper .slider .owl-controls .owl-nav .owl-next{display:block;width:25px;height:25px;background:url('../media/slider-arrow.svg');background-position:center;background-repeat:no-repeat;background-size:cover;float:right;}

.flx_textblock .text{align-content:center;}
.flx_textblock .text ul{margin:50px 0;}
.flx_textblock .text ul li{display:inline-block;width:49.5%;font-weight:600;margin:5px 0;}
.flx_textblock .text .btn{margin-top:50px;}

.flx_textblock.mitbilder .imagewrapper{position:relative;display:block;width:100%;height:100%;}
.flx_textblock.mitbilder .imagewrapper .image{position:absolute;width:55%;height:auto;top:0;left:0;transition: transform 0.5s ease, z-index 0.5s;transform: scale(0.95); /* leicht kleiner für Tiefeneffekt */opacity: 0.9;}
.flx_textblock.mitbilder .imagewrapper .image.infront{z-index:5!important;}
.flx_textblock.mitbilder .imagewrapper .image.item1{top:0;left:25%;}
.flx_textblock.mitbilder .imagewrapper .image.item2{top:25%;left:0;}
.flx_textblock.mitbilder .imagewrapper .image.item3{top:unset;bottom:0;left:unset;right:0;}
.flx_textblock.mitbilder .imagewrapper .image.active{z-index: 3;transform: scale(1);opacity: 1;}

.flx_aufzaehlung .text{margin-bottom:100px;}
.flx_aufzaehlung .text .headline, .flx_aufzaehlung .text .topline{text-align:center;}
.flx_aufzaehlung .item{position:relative;padding:35px;border-right:solid 2px var(--gray);}
.flx_aufzaehlung .item:nth-child(3n){border:none;}
.flx_aufzaehlung .item .headline{width:90%;margin-bottom:50px;}
.flx_aufzaehlung .item .zahl{display:block;color:var(--gray);font-size:500%;font-weight:800;line-height:1;position:absolute;top:0px;right:35px;}
.flx_aufzaehlung .buttonwrapper{margin-left:35px;}

.flx_kontaktblock .ansprechpartner{display:flex;flex-direction:row;gap:15px;}
.flx_kontaktblock .ansprechpartner .item{position:relative}
.flx_kontaktblock .ansprechpartner .item img{margin-bottom:10px;}
.flx_kontaktblock .ansprechpartner .item .name{text-align:left;font-size:115%;font-weight:700;line-height:1.1;text-transform:uppercase;z-index:99;display:block;margin:10px 0;}
.flx_kontaktblock .ansprechpartner .item .position{text-align:left;font-size:100%;font-weight:500;line-height:1.1;z-index:99;display:block;margin-top:-5px;margin-bottom:10px;}
.flx_kontaktblock .ansprechpartner .item .mail, .flx_kontaktblock .ansprechpartner .item .telefon{display:block;margin:10px 0;font-size:90%;}
.flx_kontaktblock .ansprechpartner .item .mail img, .flx_kontaktblock .ansprechpartner .item .telefon img{width:25px;height:25px;margin-right:10px;margin-bottom:5px;}

.flx_vorteilsblock .vorteile{margin-top:25px;}
.flx_vorteilsblock .vorteile .item{padding:40px;background:var(--light);border-radius:10px;min-height:415px;}
.flx_vorteilsblock .vorteile .item .icon{margin:35px 0;max-height:50px;transition:all .3s ease;}
.flx_vorteilsblock .vorteile .item .headline{margin-bottom:15px;transition:all .3s ease;}
.flx_vorteilsblock .vorteile .item p{transition:all .3s ease;}
.flx_vorteilsblock .vorteile .item:hover{background:var(--sec);transition:all .3s ease;}
.flx_vorteilsblock .vorteile .item:hover .headline, .flx_vorteilsblock .vorteile .item:hover p{color:var(--white);transition:all .3s ease;}
.flx_vorteilsblock .vorteile .item:hover .icon{filter: brightness(10);transition:all .3s ease;}
.flx_vorteilsblock .buttonwrapper{text-align:right;margin-top:25px;}