/* ----------------- CONTENT BLOECKE
Theme-Name: MOLECO GmbH
Author: MOLECO GmbH
Author URI: http://www.moleco.de
Description: Content Blocks MOLECO GmbH Theme
Version: 1.0
*/

/*----Colors----*/
:root{
    --prime:    #051c2c;
    --sec:      #333f48;
    --acc:      #d60d3d;
    --acc-hover:#FF2559;
    --black:    #4D4D4D;
    --grey:     #95959D;
    --white:    #ffffff;
    --bg:       #F5F5F5;
    --logobg:   #4C5058;
}

.inhaltsbloecke{margin-top: 80px;}

/*----Headerblock----*/

.flx_headerblock{background-color: var(--prime);overflow: hidden;}
.flx_headerblock .media video{position: relative;}
.flx_headerblock .headline, .flx_headerblock .topline, .flx_headerblock .editor p{color: var(--white);}
.flx_headerblock .topline{margin-bottom: 20px;}
.flx_headerblock.text-video .headline{font-size: 250%;}

.flx_headerblock.text-hg{min-height: 60vh;display: flex;align-items: center;padding: 0;}
.flx_headerblock.text-hg .content{flex: 0 0 40%;}
.flx_headerblock.text-hg .media{flex: 0 0 60%;}

.flx_headerblock.text-video .row{align-items: center;}

.flx_headerblock .follow{z-index: 1;}
.flx_headerblock .follow .mr{margin-left: -40px;}
.flx_headerblock .follow .strich{border: 1px solid var(--white);height: 80px;width: 0;margin: 15px auto 45px;}
.flx_headerblock .follow a{display: block;text-align: center;padding: 5px 0;}
.flx_headerblock .follow a:first-child{padding: 0 0 5px ;}
.flx_headerblock .follow a img{filter: brightness(0) invert(1);}
.flx_headerblock .follow .rotate{transform: rotate(-90deg);top: 0;position: relative;right: 3px;}
.flx_headerblock .follow .rotate span{font-weight: bold;position: relative;color: var(--white);font-size: 90%;}

.flx_headerblock .gross{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.flx_headerblock .gross .hgbild{height: 100%;width: 100%;object-fit: cover;object-position: center;}
.flx_headerblock .container.grossesbild .row{position: relative;height: 100%;}
.flx_headerblock .container.grossesbild .content{position: absolute;z-index: 1;bottom: 15%;left: 10%;}
.flx_headerblock .headerbildgross{height: 100%;background-position: center;background-repeat: no-repeat;background-size: 100%;}
.flx_headerblock .headerbildgross .content{height: 66vh;position: relative;z-index: 2!important;}
.flx_headerblock .headerbildgross .content .headline{bottom: 0;position: absolute;}

.flx_headerblock .swiper .swiper-slide{height: 100%;}
.flx_headerblock .swiper-button-next::after{display: none;}

.flx_headerblock .video{width: 100%;height: auto;border: none;position: relative;}
.flx_headerblock .video_wrapper{display:table;width:auto;position:relative;width:100%;cursor:pointer;}
.flx_headerblock .playpause{background-image:url(../../src/media/icons/playbutton.svg);background-repeat:no-repeat;width:35%;height:35%;position:absolute;left:0%;right:0%;top:0%;bottom:20%;margin:auto;background-size:contain;background-position: center;z-index: 5;cursor: pointer;}

.flx_headerblock .hg{position: absolute;right: 70px;}
.referenzen .flx_headerblock .hg{right: 0;bottom: unset;width: 60%;}

.flx_headerblock .headerslider .swiper-pagination-bullet{background-color: var(--white)!important;}
.flx_headerblock .headerslider .swiper-pagination-bullet-active{background-color: var(--acc)!important;}


/*----Kachelblock----*/
.flx_kachelblock .kacheln{position: relative;margin-top: 20px;}
.flx_kachelblock .kachel{background-color: var(--white);position: relative;}
.flx_kachelblock .kachel .headline{/*font-size: 175%;*/margin-bottom: 20px;}
.flx_kachelblock .kachel img{height: 70px;width: auto;margin-bottom: 20px;}
.flx_kachelblock .kachel img.extraicon{position: absolute;right: 30px;top: 30px;border: 1px solid var(--black);border-radius: 10px;width: 100px;height: auto;}
.flx_kachelblock h2, .flx_kachelblock .topline{text-align: center;}
.flx_kachelblock .cta{text-align: center;}
.flx_kachelblock .swiper-pagination{top: unset;bottom: 0px!important;}
.flx_kachelblock .swiper-pagination-bullet-active{background: var(--acc)!important;}

.flx_kachelblock.sechs-ohg{padding: 0;}
.flx_kachelblock.sechs-ohg .row{justify-content: center!important;/*padding-bottom: 50px;*/}
.flx_kachelblock.sechs-ohg .swiper-wrapper{height: unset!important;}


/*----Benefits----*/
.flx_benefits{padding: 0;}
.flx_benefits .benefits{position: relative;}
.flx_benefits .benefit{background-color: var(--white);position: relative;}
.flx_benefits .benefit .headline{font-size: 175%;margin-bottom: 20px;}
.flx_benefits .benefit img{height: 60px;width: auto;margin-bottom: 20px;}
.flx_benefits .benefit img.extraicon{position: absolute;right: 30px;top: 30px;border: 1px solid var(--black);border-radius: 10px;width: 100px;height: auto;}
.flx_benefits h2, .flx_benefits .topline{text-align: center;}


/*----Steps----*/
.flx_steps .row:first-child{padding-bottom: 30px;}
.flx_steps .nav-tabs{gap: 1rem;border-bottom: none;}
.flx_steps .nav-tabs .nav-item{list-style: none;padding: 0;}
.flx_steps .nav-tabs .nav-item::before{display: none;}

.flx_steps .nav-tabs .nav-item .nav-link{position: relative;background-color: #E3E3E5;width: 100%;height: 100%;padding: 20px 30px 30px;border-radius: 0;display: flex;align-items: center;display: block;}
.flx_steps .nav-tabs .nav-item .nav-link .topline{text-align: left;}
.flx_steps .nav-tabs .nav-item .nav-link p{text-align: left;font-weight: 700;color: var(--grey);line-height: 1;position: relative;left: 60px;margin-bottom: 0;}
.flx_steps .nav-tabs .nav-item .nav-link p br{line-height: 0;}

.flx_steps .nav-tabs .nav-item .nav-link:hover,
.flx_steps .nav-tabs .nav-item .nav-link.active{background-color: var(--white);border-color: var(--white);}
.flx_steps .nav-tabs .nav-item .nav-link:hover p,
.flx_steps .nav-tabs .nav-item .nav-link.active p{color: var(--black);}

/*----Textblock----*/
.flx_textblock{overflow: visible!important;}
.flx_textblock .text li{font-weight:600;}
.flx_textblock ul li::before{content:'';display:block;width:20px;height:20px;background:url('../media/icons/li_before.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:5px;left:0;}

.flx_textblock.text-infos .infos .zahl{font-size: 300%;font-weight: 700;color: var(--grey);line-height: 1;}
.flx_textblock.text-infos .infos p{font-weight: 600;line-height: 1.4;}
.flx_textblock.text-infos .btn.sec{margin: 0;}
.flx_textblock.text-logos .logos{display: flex;justify-content: space-around;align-items: center;padding-left: 100px;}
.flx_textblock.text-logos .logos .logo img{height: 80px;width: auto;filter: grayscale(1);transition: all ease .3s;}
.flx_textblock.text-logos .logos .logo:hover img{filter: grayscale(0);transition: all ease .3s;}

.flx_textblock.bild-text .bild, 
.flx_textblock.text-bild .bild{position: relative;}
.flx_textblock.bild-text .bild::before{content: '';width: 100px;height: 100px;position: absolute;right: 80px;top: 70px;background: var(--acc);filter: blur(70px);z-index: -1;border-radius: 50%;opacity: 0.3;}
.flx_textblock.text-bild .bild::before{content: '';width: 100px;height: 100px;position: absolute;left: -80px;top: 70px;background: var(--acc);filter: blur(70px);z-index: -1;border-radius: 50%;opacity: 0.3;}
.flx_textblock.bild-text .bild::after{content: '';width: 30px;height: 30px;position: absolute;right: -10px;top: 240px;background: var(--black);filter: blur(40px);z-index: -1;border-radius: 50%;opacity: 0.6;}
.flx_textblock.text-bild .bild::after{content: '';width: 30px;height: 30px;position: absolute;left: -100px;top: 240px;background: var(--black);filter: blur(40px);z-index: -1;border-radius: 50%;opacity: 0.6;}
.flx_textblock.text-bild .bild img, 
.flx_textblock.bild-text .bild img{border-radius:50%;/*max-width:75%;*/}
.flx_textblock .bild .bildunterschrift br{display: none;}
.flx_textblock .bild .bildunterschrift p, 
.flx_textblock .bild .bildunterschrift p span{display: block;text-align: center;line-height: 1;/*font-size: 125%!important;margin: 30px 0 10px;*/}

.flx_textblock.stichpunkte ul li{margin: 14px 0;}

.flx_textblock.pagespeed video{width: 100%;}

.flx_textblock.headline-text .row{align-items: center;}

.flx_textblock.textvstext .content.zwei{text-align: right;}


/*----Anfahrt----*/
.flx_anfahrt *{color: var(--white)!important;}


/*----Kundenslider----*/
.flx_kundenslider{background-color: var(--prime);padding: 100px 0;}
.flx_kundenslider .headline{text-align: center;color: var(--white);}
.flx_kundenslider .kunden{overflow: hidden;}
.flx_kundenslider .kunde{background-color: var(--logobg);border-radius: 10px;display: flex;align-items: center;justify-content: center;}
.flx_kundenslider .kunde img{max-height: 80%;height: auto;max-width: 80%;object-fit: contain;filter: brightness(0) invert(1);}
.flx_kundenslider a .kunde img{filter: brightness(0) invert(1);}
.flx_kundenslider a .kunde:hover img{filter: none;}
.flx_kundenslider .elemente{position: relative;}
.flx_kundenslider .elemente::before{content: '';width: 17%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(90deg, rgba(5,28,44,1) 20%, rgba(5,28,44,0) 100%);z-index: 2;}
.flx_kundenslider .elemente::after{content: '';width: 17%;height: 100%;position: absolute;right: 0;top: 0;background: linear-gradient(-90deg, rgba(5,28,44,1) 20%, rgba(5,28,44,0) 100%);z-index: 1;}
.flx_kundenslider .kundenslider{margin-bottom: 20px;}
.flx_kundenslider .kundenslider.last{margin-bottom:0px;}
.flx_kundenslider .kundenslider > .swiper-wrapper{transition-timing-function : linear;}
.flx_kundenslider .responsiveslider{display:none;}


/*----Kundengrid----*/
.flx_kundengrid.block .kunden{display: grid;align-items: center;justify-content: center;grid-gap: 20px;}
.flx_kundengrid.block .kunden .kunde{text-align: center;}
.flx_kundengrid.block .kunden .kunde.last{display: flex;align-items: center;justify-content: center;}
.flx_kundengrid.block .kunden .kunde img{filter: brightness(0) invert(.5);max-width: 100%;max-height: 100%;transition: all ease .3s;}
/* .flx_kundengrid.block .kunden .kunde:hover img{filter: grayscale(0);transition: all ease .3s;} */


.flx_kundengrid.teaser .kunden{display: flex;flex-wrap: wrap;}
.flx_kundengrid.teaser *{text-align: center;}
.flx_kundengrid.teaser .kunde{flex: unset;width: 185px;height: 65px;margin: 0 20px;background-color: var(--grey);border-radius: 10px;transition: all ease .3s;padding: 10px;}
.flx_kundengrid.teaser .kunde img{max-height: 100%;height: auto;max-width: 100%;object-fit: contain;filter: brightness(0) invert(1);}
.flx_kundengrid.teaser a .kunde:hover{background-color: var(--prime);transition: all ease .3s;}
.flx_kundengrid.teaser a .kunde:hover img{filter: brightness(0) invert(1);transition: all ease .3s;}


/*----Referenzblock----*/
.flx_referenzblock{padding: 100px 0;background-color: var(--prime);}
.flx_referenzblock p, .flx_referenzblock .headline, .flx_referenzblock .person span{color: var(--white);}
.flx_referenzblock .headline, .flx_referenzblock .topline{text-align: center;}
.flx_referenzblock .referenz{display: grid;}
.flx_referenzblock .referenz .personenbild{grid-column: 1;grid-row: 1 / span 3;display: flex;position: relative;width: max-content;}
.flx_referenzblock .referenz .personenbild::before{content: '';width: 70%;height: 6%;position: absolute;background: var(--bg);z-index: -1;border-radius: 50%;filter: blur(9px);opacity: .3;top: 230px;left: 30px;}
.flx_referenzblock .referenz .personenbild::after{content:'';width:65px;height:52px;display:block;background:url('../media/icons/quote.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:10px;right: 0;transition: all ease .3s;}
.flx_referenzblock .referenz .personenbild img{border-radius: 50%;width: max-content;height: max-content;}
.flx_referenzblock .referenz .bewertung{grid-column: 2;grid-row: 1;}
.flx_referenzblock .referenz .bewertung img{margin-right: 15px;}
.flx_referenzblock .referenz .bewertung span{font-weight: 700;color: var(--white);}
.flx_referenzblock .referenz .logo{grid-row: 1;text-align: right;background-color: var(--logobg);border-radius: 10px;display: flex;align-items: center;justify-content: center;}
.flx_referenzblock .referenz .logo img{max-height: 90%;height: auto;max-width: 90%;object-fit: cover;padding: 10px 30px;filter: brightness(0) invert(1);border-radius: 10px;}
.flx_referenzblock .referenz .stimme{grid-column: 2 / span 2;grid-row: 2;}
.flx_referenzblock .referenz .stimme p{font-weight: 600;line-height: 1.8;}
.flx_referenzblock .referenz .person{grid-column: 3;grid-row: 3;text-align: right;}
.flx_referenzblock .referenz .reflink a{margin-top: 15px;margin-left: 0;padding: 0 10px 0 40px;}
.flx_referenzblock .referenz .reflink a span{color: var(--white);}
.flx_referenzblock .swiper-pagination .swiper-pagination-bullet{background: var(--white);}
.flx_referenzblock .swiper-pagination .swiper-pagination-bullet-active{background:var(--acc)}
.flx_referenzblock .swiper-button-next{color: var(--grey);}


/*---Referenzgrid----*/
.flx_referenzgrid{padding: 100px 0;}  

.flx_referenzgrid.digitaldrei{background-color: var(--bg);}
.flx_referenzgrid.digitaldrei .grid-container{display: grid;}
.flx_referenzgrid.digitaldrei .griditem2{position: relative;}
.flx_referenzgrid.digitaldrei .griditem2::after{content: '';width: 100%;height: 15%;position: absolute;right: 0;background: var(--prime);z-index: 0;border-radius: 50%;opacity: .5;transform: rotate(7deg);}
.flx_referenzgrid .swiper-button-next::after{color: var(--grey);}

.flx_referenzgrid.print .grid-container{display: grid;align-items: center;}
.flx_referenzgrid.print .griditem img{max-width: 100%;width: max-content;}
.flx_referenzgrid.print #rotatingImage{will-change: transform;transition: all ease .3s;}

.flx_referenzgrid.print .swiper-slide img{display: none;transition: all ease .3s;}
.flx_referenzgrid.print .swiper-slide-visible img{display: block;transition: all ease .3s;}

.flx_referenzen .referenz{margin-bottom: 80px;}
.flx_referenzen .referenz .referenzbild::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: inherit;background-size: inherit;background-size: cover;transform-origin: center;transition: transform 0.4s ease-in-out;}
.flx_referenzen .referenz .referenzbild:hover::after{transform: scale(1.05);}
.flx_referenzen .referenz .referenzbild:hover{transition: .4s ease-in-out;}
.flx_referenzen .referenz .content{margin-top: 20px;}
.flx_referenzen .referenz .content .firmenname{font-size: 180%;font-weight: 700;display: block;margin-bottom: 20px;}
.flx_referenzen .referenz .leistungen{display: flex;gap: 10px;}
.flx_referenzen .referenz .leistungen li{margin: 0;padding: 3px 20px 8px 20px;border: solid 1px var(--prime);border-radius: 50px;}
.flx_referenzen .referenz .leistungen li::before{display: none;}
.flx_referenzen .referenz .button{margin-top: 30px;}
.flx_referenzen .referenz .button .btn{margin-left: 0;}
/* .flx_referenzen .referenz .button .btn{background-color: transparent;color: var(--prime);padding: 0 55px 0 0;margin: 0;display: flex;align-items: center;}
.flx_referenzen .referenz .button .btn::before{content: '';background: url('../media/icons/button-pfeil.svg')no-repeat;background-size: 50%;background-color: var(--acc);width: 40px;height: 40px;border-radius: 50%;background-position: center;position: absolute;top: -10px;right: 0;transition: 0.3s;}
.flx_referenzen .referenz .button .btn:hover::before{background-color: var(--prime);transition: 0.3s;} */

/*----Zitatblock----*/
.flx_zitat .infos strong{display: block;font-weight: 800;}
.flx_zitat .container{position: relative;}
.flx_zitat .zitat p{font-weight: 600;line-height: 1.7;}

.flx_zitat.dunkel .row{background-color: var(--prime);}
.flx_zitat.dunkel *{color: var(--white)!important;}
.flx_zitat.dunkel .infos{display: block;}
.flx_zitat.dunkel .bild img{border-radius: 50%;object-fit: cover;object-position: center;right: 0;}
.flx_zitat.dunkel .zitat p{z-index: 10;position: relative;}
.flx_zitat.dunkel .zitat p::before{content:'';width:60px;height:50px;display:block;opacity: .5;;background:url('../media/icons/quote.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-20px;right: 0;transition: all ease .3s;}

.flx_zitat.hell{background-color: var(--bg);padding: 70px 0;}
.flx_zitat.hell .row{background-color: transparent;align-items: end;/*margin-right: 50px;*/}
.flx_zitat.hell .headlinebox p{z-index: 10;position: relative;}
.flx_zitat.hell .headlinebox p::before{content:'';width:120px;height:100px;display:block;background:url('../media/icons/quote.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-30px;right: -10px;transition: all ease .3s;z-index: -1;}
.flx_zitat.hell .mitarbeiter{display: flex;align-items: end;justify-content: end;}
.flx_zitat.hell .mitarbeiter .infos{display: block;/*width: max-content;*/}
.flx_zitat.hell .mitarbeiter .bild{width: max-content;}
.flx_zitat.hell .mitarbeiter .bild img{border-radius: 50%;object-fit: cover;object-position: center;/*width: 300px;*/}


/*---Tabelle----*/
.flx_tabelle .row:first-child{padding-bottom: 20px;justify-content: space-between;align-items: last baseline;}
.flx_tabelle thead tr{display: flex;}
.flx_tabelle thead th:first-child{flex: 0 0 40%;}
.flx_tabelle tbody tr{border-top: 1px solid #E3E3E5;}
.flx_tabelle tbody tr{display: flex;}
.flx_tabelle td.attribut{font-weight: 600;}

.flx_tabelle .site{padding: 0 15px;}
.flx_tabelle .site thead th:first-child{flex: 0 0 40%;}
.flx_tabelle .site thead th{font-weight: 700;flex: 0 0 20%;padding: 10px 0 30px;}
.flx_tabelle .site td:first-child{flex: 0 0 40%}
.flx_tabelle .site td{padding: 15px 0;flex: 0 0 20%}
.flx_tabelle .site td.rot,
.flx_tabelle td.gruen{position: relative;}
.flx_tabelle .site td.rot::before{content: '';width: 20px;height: 20px;border-radius: 30px;background-color: #EB4349;position: absolute;top: calc(50% - 10px);left: calc(50% - 5px);}
.flx_tabelle .site td.gruen::before{content: '';width: 20px;height: 20px;border-radius: 30px;background-color: #13B13D;position: absolute;top: calc(50% - 10px);left: calc(50% - 5px);}
.flx_tabelle .site th:last-child, 
.flx_tabelle .site td:last-child{background-color: var(--bg);}

.flx_tabelle .shop{justify-content: center;}
.flx_tabelle .shop thead th{font-weight: 700;font-size: 130%;text-align: left;}
.flx_tabelle .shop td:first-child{color: var(--black);}
.flx_tabelle .shop td{padding: 15px 0;color: var(--grey);}


/*----Galerieblock----*/
.flx_galerieblock .swiper-wrapper{display: grid;}
.flx_galerieblock .container-fluid{padding: 0;}
.flx_galerieblock .swiper-slide{width: 100%!important;height: 100%;overflow: hidden;}
.flx_galerieblock .swiper-slide img{width: 100%;height: 100%;object-fit: cover;overflow: hidden;}
.flx_galerieblock .slide-1{grid-column: 1;grid-row: 3 / span 4;}
.flx_galerieblock .slide-2{grid-column: 2;grid-row: 1 / span 3;}
.flx_galerieblock .slide-3{grid-column: 2 / span 2;grid-row: 4 / span 4;}
.flx_galerieblock .slide-4{grid-column: 4;grid-row: 2 / span 3;}
.flx_galerieblock .slide-5{grid-column: 5;grid-row: 1 / span 5;}
.flx_galerieblock .slide-6{grid-column: 6;grid-row: 2 / span 4;}
.flx_galerieblock .slide-7{grid-column: 7;grid-row: 1 / span 3;}


/*----Videoblock----*/
.flx_videoblock{position: relative;}
.flx_videoblock.nurvideo video{width:100%;object-fit: cover;border: none;position: relative}
.flx_videoblock.nurvideo .video_wrapper{display:table;width:auto;position:relative;width:100%;cursor:pointer;}
.flx_videoblock.nurvideo .playpause{background-image:url(../../src/media/icons/playbutton.svg);background-repeat:no-repeat;width:35%;height:35%;position:absolute;left:0%;right:0%;top:0%;bottom:0%;margin:auto;background-size:contain;background-position: center;z-index: 5;cursor: pointer;}

.flx_videoblock.video-text .video{display: flex;flex-direction: row;position: relative;}
.flx_videoblock.video-text .video::before{content: '';width: 100%;height: 40%;position: absolute;left: 0;bottom: 0;background: linear-gradient(0deg, rgb(255, 255, 255, 1) 20%, rgba(255,255,255,0) 100%);z-index: 2;}
.flx_videoblock.video-text .video .scroll{flex:1 0 50%;display: grid;gap: 1em;position: relative;left: 0;}
.flx_videoblock.video-text .video video, 
.flx_videoblock.video-text .video img{object-fit: contain;overflow: hidden;max-width: 100%;max-height: 100%;}
.flx_videoblock.video-text .content{padding: 20px}
.flx_videoblock.video-text .content .sticky{position: sticky;top: 200px;}
.flx_videoblock.video-text .infos{display: flex;flex-wrap: wrap;}
.flx_videoblock.video-text .infos .zahl{font-size: 250%;font-weight: 700;color: var(--grey);line-height: 1;}
.flx_videoblock.video-text .infos p{font-weight: 600;line-height: 1.4;}


/*----Kontaktblock----*/
.flx_kontaktblock .follow{flex: 0 0 7%;display: flex;justify-content: start;}
.flx_kontaktblock .follow .mr{margin-left: -40px;display: none;}
.flx_kontaktblock .follow .strich{border: 1px solid var(--white);height: 80px;width: 0;margin: 30px auto 60px;}
.flx_kontaktblock .follow a{display: block;text-align: center;padding: 10px 0;}
.flx_kontaktblock .follow a:first-child{padding: 0 0 10px ;}
.flx_kontaktblock .follow a img{filter: brightness(0) invert(1);}
.flx_kontaktblock .follow .rotate{transform: rotate(-90deg);top: 80px;}
.flx_kontaktblock .follow .rotate span{font-weight: bold;position: relative;color: var(--white);}

.flx_kontaktblock{background-color: var(--bg);padding: 50px 0;}
.flx_kontaktblock .grid-container{display: grid;}
.flx_kontaktblock .grid-container .ansprechpartner img{height: 260px;width: 260px;border-radius: 300px;object-fit: cover;display: block;}
.flx_kontaktblock .grid-container .kontakt .geschlecht{font-weight: 700;color: var(--grey);display: block;font-size: 150%;}
.flx_kontaktblock .grid-container .kontakt .name{font-weight: 700;font-size: 150%;display: block;}
.flx_kontaktblock .grid-container .kontakt .position{font-size: 150%;display: block;}
.flx_kontaktblock .grid-container .kontakt a{font-weight: 600;padding-left: 10px;}
.flx_kontaktblock .grid-container .kontakt a:hover{font-weight: 600;padding-left: 10px;}
.flx_kontaktblock .grid-container .formular{margin-top: 20px;}

/*----Kontaktblock auf der Kontaktseite----*/
.kontakt .flx_kontaktblock,
.contact .flx_kontaktblock{background-color: var(--prime)!important;padding: 50px 0;}
.kontakt .flx_kontaktblock *:not(.wpcf7-not-valid-tip, a), .kontakt  .flx_kontaktblock .headline,
.contact .flx_kontaktblock *:not(.wpcf7-not-valid-tip, a), .kontakt  .flx_kontaktblock .headline{color: var(--white)!important;}
.kontakt .flx_kontaktblock .grid-container .kontakt *,
.contact .flx_kontaktblock .grid-container .kontakt *{color: var(--white)!important;}
.kontakt .flx_kontaktblock #send.btn,
.contact .flx_kontaktblock #send.btn{background-color: var(--acc)!important;padding: 7px 70px 10px;border-radius: 50px;}
.kontakt .flx_kontaktblock #send.btn[disabled=""],
.contact .flx_kontaktblock #send.btn[disabled=""]{border-color: var(--acc)!important;}
.kontakt input, 
.kontakt textarea, 
.kontakt select,
.contact input, 
.contact textarea, 
.contact select{background-color: var(--logobg)!important;color: var(--white)!important;}


/*----Ansprechperson Moleco----*/
.flx_ansprechperson_moleco .content .headline{color: var(--white);}
.flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner .kontakt *,
.flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner .kontaktieren *{color: var(--white);}
.flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner .name{font-weight: 700;}
.flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner a.tel{color: var(--white);margin-left: 10px;font-weight: 600;}
.flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner a.tel:hover{color: var(--acc);}
.flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner a.mail{margin-left: 10px;margin-right: 10px;font-weight: 600;overflow: hidden;color: transparent;width: 30px;height: 30px;margin-bottom: 0;}
.flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner a.tel::before,
.flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner a.mail::before{left: -40px;top: 0;}
.flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner a.linkedin{position: relative;left: 30px;}
.flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner a.linkedin::before{content:'';width:30px;height:30px;display:block;background:url('../media/icons/linkedin-blau.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0;left:-30px;transition: all ease .3s;}




/*----Accordionblock----*/
.flx_accordionblock{position:relative;}
.flx_accordionblock .row.right{padding-left:0px;}
.flx_accordionblock .content{flex: 0 0 40%}
.flx_accordionblock .grafisches_element.left{/*position: absolute;width:21%;*/top:8%;left:0;padding: 0;}
.flx_accordionblock .grafisches_element.right{left:unset;right:0;}
.flx_accordionblock .accordion-item{border: none;box-shadow: 0 5px 10px #00000022;border-radius:7.5px;background-color: var(--white)!important;margin-bottom:25px;}
.flx_accordionblock .accordion-item .accordion-button{display: block;padding:15px 20px 20px 20px;background:none;box-shadow:none;position:relative;}
.flx_accordionblock .accordion-item .accordion-button span{/*font-size: 150%;*/font-weight: 700;display: block;color: var(--sec);line-height: 1.2;width: 85%;}
.flx_accordionblock .accordion-item .accordion-button.collapsed{padding:15px 20px 20px;}
.flx_accordionblock .accordion-item .accordion-button:focus{outline: none;border: none;box-shadow: none;background: none;}
.flx_accordionblock .accordion-item .accordion-button:after{content:'';display:block;width:20px;height:20px;background:url('../media/icons/arrow-top.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:calc(50% - 10px);right:20px;transform:rotate(0deg);transition:all .3s ease;}
.flx_accordionblock .accordion-item .accordion-button.collapsed:after{transform:rotate(180deg);transition:all .3s ease;}
.flx_accordionblock .accordion-item .accordion-body{padding-top:0;}
.flx_accordionblock .accordion-item .accordion-body p{margin-bottom:0;font-weight:600;}


/*----Googlebewertungen----*/
.flx_googlebewertungen{padding-bottom:100px;background-color: var(--prime);}
.flx_googlebewertungen .container{border-top:solid 1px var(--grey);padding-top:100px;}
.flx_googlebewertungen .headline{text-align: center;color:var(--white);}
.flx_googlebewertungen .topline{text-align: center;}
.flx_googlebewertungen .durchschnitt{position: absolute;z-index: 9;}
.flx_googlebewertungen .bewertungen{position:relative;}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-review-item{padding:0 15px;}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-review-header{order:2}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-review-header .ti-profile-img{position: absolute;top: -45px;right: -35px;}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-review-header .ti-profile-img img{width:75px!important;height:75px!important;}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-review-header .ti-profile-details .ti-name{color:var(--white);font-weight:300;}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-review-item > .ti-inner{background-color:var(--logobg)!important;display:flex;flex-direction:column;padding:30px!important;box-shadow:1px 1px 7px 0px rgba(255, 255, 255, 0.3), 0px 0px 2px 0px rgba(255, 255, 255, 0.3)}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-review-item .ti-stars{order:1;}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-review-content{order:3;color:var(--white);font-weight:600;}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-read-more{order:4;}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-read-more span{color:var(--white);}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-controls .ti-prev{left: 0;z-index:99;}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-controls .ti-next{right: 0;z-index:99;}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-controls .ti-next::before{width:25px;height:4px;top:6px;}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-controls .ti-prev::before{width:25px;height:4px;top:20px;}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-controls .ti-next::after{width:25px;height:4px;top:21px;}
.flx_googlebewertungen .bewertungen .ti-widget.ti-goog .ti-controls .ti-prev::after{width:25px;height:4px;top:4px;}


/* ----Slider---- */
.flx_slider{background-color: var(--bg);padding-bottom: 100px;}
.flx_slider .parallax-container{position: relative;}
.flx_slider .parallax-layer{width: 100%;height: 100%;position:sticky;transition: transform .05s linear;}
.flx_slider .parallax-layer img{width: 100%;object-fit:cover;object-position: top;box-shadow: 0 0 15px #00000025;}


/*----Werte Grid----*/
.flx_wertegrid .container{position: relative;}
.flx_wertegrid .icon{display: block;height: 80px;margin: 0 0 10px 0;width: max-content;}


/*----Werte Slider----*/
.flx_werteslider .swiper .swiper-slide{background-color: var(--bg);padding: 30px;}
.flx_werteslider .swiper .icon{display: block;height: 75px;width: auto;margin-bottom: 20px;}
.flx_werteslider .swiper .swiper-button-next{top: unset;bottom: 0;}
.flx_werteslider .swiper .swiper-button-next::after{display: none;}
.flx_werteslider .swiper .wertname{font-weight: 700;font-size: 155%;line-height: 1;min-height: 60px;display: block;}
.swiper-pagination-bullet-active{background-color: var(--acc)!important;}


/*----Team----*/
.flx_team .person{position: relative;width: 100%;height: max-content;padding: 0;overflow:hidden;}
.flx_team .person .bild-container{position: relative;height: 100%;}
.flx_team .person .infos{/*opacity: 0;*/position: absolute;/*bottom: 30px;left: 30px;*/transition: all ease .3s;z-index: 3;}
.flx_team .person:hover .infos{opacity: 1;transition: all ease .3s;}
.flx_team .person img{position: relative;width: 100%;height: auto;}
.flx_team .person, 
.flx_team .person .bild-container .bild{height: 100%;object-fit: cover;}
.flx_team .infos *{font-size: 120%;color: var(--white);}
.flx_team .infos .highlight{font-weight: 700;}
.flx_team .aufgabe{font-weight: 700;font-size: 110%;}
.flx_team .team .grid-container{padding-bottom: 100px;}
.flx_team .team2,
.flx_team .team4{background-color: var(--prime);}
.flx_team .team2 .teamname,
.flx_team .team4 .teamname,
.flx_team .team2 .aufgabe,
.flx_team .team4 .aufgabe{color: var(--white);}



/*----Jobs----*/
.flx_jobs .swiper-slide{background-color: var(--white);padding: 20px;min-height: 140px;}
.flx_jobs .swiper-slide .title{font-size: 140%;font-weight: 700;display: block;line-height: 1;}
.flx_jobs .swiper-slide .mehr{position: absolute;bottom: 10px;right: 0;}
.flx_jobs .swiper-slide .wmd{font-weight: 700;display: block;margin-bottom: 0;}
.flx_jobs .swiper-slide.item div{display: flex;justify-content: end;}
.flx_jobs .swiper-slide.item .btn.trans{color: var(--black);margin: 0;}
.flx_jobs .swiper{padding-bottom: 30px;}
.flx_jobs .swiper-pagination-bullets{bottom: 0!important;left: 0!important;}
.flx_jobs .swiper-pagination-bullet{background-color: var(--grey);margin: 0 5px!important;}
.flx_jobs .swiper-pagination-bullet:first-child{margin-left: 0!important;}
.flx_jobs .swiper-pagination-bullet-active{background-color: var(--acc);}

.flx_jobs.slider{background-color: var(--bg);}
.flx_jobs.slider .content{flex: 0 0 50%;padding: 150px 0 0 0;}
.flx_jobs.slider .content *{color: var(--white);}
.flx_jobs.slider .prime{top: 0;left: 0;bottom: 0;background-color: var(--prime);}
.flx_jobs.slider .bild{top: 0;right: 0;bottom: 0;}
.flx_jobs.slider .bild img{width: 100%;height: 100%;object-fit: cover;}
.flx_jobs.slider .element{display: block;z-index: 9;position: absolute;right: 0;width: max-content;top: 150px;transform: rotate(-90deg);font-weight: 700;}
.flx_jobs.slider .headline{font-weight: 700;line-height: .8;margin-bottom: 0!important;}
.flx_jobs.slider .headline span{font-size: 120%;color: var(--acc);font-weight: 600;line-height: .6;letter-spacing: 3px;}
.flx_jobs.slider .buttons{padding: 15px 0;}
.flx_jobs.slider .buttons .btn{margin-right: 15px;}

.flx_jobs.liste .content{text-align: center;}
.flx_jobs.liste h2{padding-bottom: 40px;}
.flx_jobs.liste .row.jobs{gap: 1rem;}

#jobs{margin-top: 0;padding-top: 0;top: 0;}

.flx_jobs.liste .swiper-slide{background-color: var(--bg);transition: all ease .3s;}
.flx_jobs.liste .swiper-slide:hover{box-shadow: 0 1px 5px #00000020;transition: all ease .3s;}
.flx_jobs.liste .swiper-slide.item.ausbildung{background-color: var(--acc);height: 120px;position: relative;box-shadow: none;}
.flx_jobs.liste .swiper-slide.item.ausbildung:hover{background-color: var(--acc-hover);}
.flx_jobs.liste .swiper-slide.item.festanstellung{background-color: var(--prime);height: 120px;position: relative;transition: all ease .3s;}
.flx_jobs.liste .swiper-slide.item.festanstellung:hover{background-color: var(--sec);transition: all ease .3s;}
.flx_jobs.liste .swiper-slide.item span.schriftzug{font-weight: 700;line-height: 1;position: absolute;color: var(--white);left: -5px;}

.praktikumhinweis a.mail{font-weight: 500;left: 35px!important;}
.praktikumhinweis a.mail::before{content: '';width: 25px;height: 25px;display: block;background: url(../media/icons/mail.svg);background-position-x: 0%;background-position-y: 0%;background-repeat: repeat;background-size: auto;background-repeat: no-repeat;background-size: 100%;background-position: center;position: absolute;top: -1px;left: -27px;transition: all ease .3s;}

/*----Teamzitate----*/
.flx_teamzitat .swiper-slide{display: flex;overflow: hidden;}
.flx_teamzitat .zitat{background-color: var(--prime);position: relative;}
.flx_teamzitat .zitat::before{content:'';width:120px;height:100px;background:url('../media/icons/quote-red.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top: 60px;right: 100px;transition: all ease .3s;z-index: 1;}
.flx_teamzitat .zitat::after{content:'#teamMoleco';width:120px;height:100px;background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top: 120px;right: 10px;transition: all ease .3s;transform: rotate(-90deg);color: var(--white);font-weight: 700;font-size: 125%;z-index: 2;}
.flx_teamzitat .zitat p{color: var(--white);}
.flx_teamzitat .mitarbeiter img{width: 100%;object-fit: cover;object-position: center;}
.flx_teamzitat .zitat .name{position: absolute;color: var(--grey);font-weight: 800;margin-bottom: 0;line-height: 1;}
.flx_teamzitat .swiper-pagination{width: 100%!important;}
.flx_teamzitat .swiper-pagination-bullet{background-color: var(--grey);}
.flx_teamzitat .swiper-pagination-bullet-active{background-color: var(--acc);}
.flx_teamzitat .swiper-button-next::after{display: none;}
.flx_teamzitat .swiper-button-next{top: unset;}


/*----Bildergrid----*/
.flx_bildergrid .swiper-pagination-bullet-active{background-color: var(--acc)!important;border: 2px solid var(--white);}

.flx_bildergrid .headline{padding-bottom: 20px;}
.flx_bildergrid .editor{/*flex: 0 0 85%;*/padding-bottom: 30px;}
.flx_bildergrid .griditem{padding: 0;}
.flx_bildergrid .griditem img{width: 100%; height: 100%; object-fit: cover; object-position:center;}

.flx_bildergrid .item{display: flex; align-items: center; justify-content: center;position: relative;}
.flx_bildergrid .item .content{width: 70%;}

.flx_bildergrid .zitate .item::before{content:'';width:60px;height:50px;display:block;opacity: 1;background:url('../media/icons/quote.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:70px;right: -2px;transition: all ease .3s;filter: brightness(0) invert(1);}
.flx_bildergrid .zitate .item p{font-weight: 700;display: block;background-color: transparent;}
.flx_bildergrid .zitate .item .autor{font-weight: 700;text-align: right;}
.flx_bildergrid .zitate .item *{color: var(--white);}

.flx_bildergrid .link .griditem{position: relative;display: flex;justify-content: center;align-items: center;}
.flx_bildergrid .link .griditem .name{position: absolute;display: block;font-size: 200%;font-weight: 800;color: var(--white);opacity: 0;transition: all ease .3s;}
.flx_bildergrid .link .griditem:hover .name{opacity: 1;transition: all ease .3s;}
.flx_bildergrid .link .griditem .hg{position: absolute;display: block;background-color: var(--prime);opacity: 0;transition: all ease .3s;top: 0;bottom: 0;left: 0;right: 0;}
.flx_bildergrid .link .griditem:hover .hg{opacity: .5;transition: all ease .3s;}


.flx_bildergrid .bilder-texte {display: grid;grid-template-columns: 1fr;grid-gap: 20px;}
.flx_bildergrid .bilder-texte p, .flx_bildergrid .bilder-texte .headline{color: var(--white)!important;}

.flx_bildergrid .schroeder{display: grid;grid-column-gap: 20px;grid-row-gap: 20px;}

.flx_bildergrid .albers-cd {display: grid;grid-column-gap: 20px;grid-row-gap: 20px;}

.flx_bildergrid .albers-content{display: grid;grid-column-gap: 20px;grid-row-gap: 20px;}
.flx_bildergrid .albers-content .swiper{height: 100%;width: 100%;}

.flx_bildergrid .albers-azubi {display: grid;grid-column-gap: 20px;grid-row-gap: 20px;padding: 0 15px;}
.flx_bildergrid .albers-azubi *{color: var(--white);}
.flx_bildergrid .albers-azubi .item .editor{padding-bottom: 0;}
.flx_bildergrid .albers-azubi .item p{margin-bottom: 0;}

/*----Single Job Seite----*/

#jobs-single form .row{padding: 0;}
#jobs-single .btn.singlepage-back{margin: 0;}
#jobs-single ul{margin-top: 2rem;margin-bottom: 0;}
#jobs-single .headerbild{width: 100%;height: 400px;object-fit: cover;}
#jobs-single .headercontent{position: relative;}
#jobs-single .container.gross{position: relative;}

#jobs-single .row.back .singlepage-back{font-weight: 600;}
#jobs-single .bild img{width: 100%;object-fit: cover;}
#jobs-single .jobtext .row{padding-bottom: 40px;padding-top: 0;}
#jobs-single .start,
#jobs-single .anstellung{position:relative;margin-right: 30px;font-weight: 700;}
#jobs-single .start::before{content:'';height:40px;background:url('../media/icons/innovativ.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top: -6px;left: 0;}
#jobs-single .anstellung::before{content:'';height:40px;background:url('../media/icons/flexible_arbeitszeiten.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top: -4px;left: 0;}

/*Kurzbewerbung*/
/* #jobs-single input,
#jobs-single select{border-bottom: 1px solid var(--grey);border-radius: 0;padding: 10px 0;background-color: transparent;color: var(--black);}
#jobs-single .codedropz-upload-handler{margin: 10px 0;}
#jobs-single .codedropz-upload-container{padding: 10px;}
#jobs-single .wpcf7-form h3{margin-top: 3rem;}
#jobs-single .codedropz-upload-container h3{margin-top: 0;}
#jobs-single .wpcf7-submit{padding: 20px 50px;border: none;background-color: var(--acc);border-radius: 60px;line-height: 1;font-weight: 700;color: var(--white);transition: all ease .3s;}
#jobs-single .wpcf7-submit:hover{background-color: var(--acc-hover);transition: all ease .3s;}
#jobs-single .submitbox{display: flex;flex-wrap: wrap;justify-content: end;}
#jobs-single .submitbox .wpcf7-acceptance{flex:100%;}
#jobs-single .submitbox .wpcf7-list-item{margin: 10px 0;}
#jobs-single .submitbox .wpcf7-list-item label,
#jobs-single .submitbox .wpcf7-list-item label wpcf7-list-item-label{line-height: 1;}
#jobs-single .submitbox .wpcf7-list-item input{margin: 0;} */
#wpcf7-f1487-o1{margin-bottom: 80px;}
#kurzbewerbung{margin-top:-170px;padding-top: 170px;}

.flx_karriere_bildergrid .grid-container{display: grid;grid-gap: 1rem;}
.flx_karriere_bildergrid .griditem img{width: 100%;height: 100%;object-fit: cover;}

.flx_karriere_ansprechperson .content,
.flx_karriere_ansprechperson .person{flex: 1 0 50%;}

.flx_karriere_ansprechperson .person{display: flex;justify-content: center;}
.flx_karriere_ansprechperson .ansprechpartner{width: max-content;}
.flx_karriere_ansprechperson .ansprechpartner img{border-radius: 50%;object-fit: cover;display: block;}
.flx_karriere_ansprechperson .kontakt .daten{width: max-content;margin: 1rem 0;}
.flx_karriere_ansprechperson .kontakt .geschlecht{font-weight: 700;color: var(--grey);display: block;font-size: 150%;}
.flx_karriere_ansprechperson .kontakt .name{font-weight: 700;font-size: 150%;display: block;}
.flx_karriere_ansprechperson .kontakt .position{font-size: 150%;display: block;}
.flx_karriere_ansprechperson .kontakt a{font-weight: 600;padding-left: 10px;margin-right: 50px;}
.flx_karriere_ansprechperson .kontakt a:hover{font-weight: 600;padding-left: 10px;}

/*----Timeline----*/
.flx_timeline #timeline {position: relative;height: 100%;padding: 0 0 40px;background-color: var(--prime);  }
.flx_timeline #timeline-header{position: relative;text-align: center;border-width: 4px;border-color: #fff;text-align: center;padding-top: 40px;}
.flx_timeline .headline,
.flx_timeline span,
.flx_timeline p,
.flx_timeline strong{color: var(--white);}
.flx_timeline .titel{font-size: 150%;display: block;}
.flx_timeline #logo img{display: block;height: 130px;width: auto;}
.flx_timeline .topline{position: relative;}