/* ----------------- RESPONSIVE Theme-Name: MOLECO GmbH Author: MOLECO GmbH Author URI: http://www.moleco.de Description: Responsive Theme Version: 1.0 */ /* Colors */ :root{ --prime: #051c2c; --sec: #333f48; --acc: #d60d3d; --acc-hover:#FF2559; --black: #4D4D4D; --grey: #A2AAAD; --white: #ffffff; --bg: #F5F5F5; } /* ---------------------------// Small devices (landscape phones, 0px and up) -------------------*/ @media (min-width: 0px) { .inhaltsbloecke{margin-top: 65px;} div[class^="flx_"]:not(.flx_slider), div[class*="flx_"]:not(.flx_slider){overflow: hidden;} h1, h1.headline{font-size: 185%;} h2, h2.headline, .headline{font-size: 180%;} h3, h3.headline{font-size: 150%;} #send.btn{width: 100%;} .btn.trans{margin: 50px 15px 15px;} #page-header{padding: 10px 0;} #page-header .menuburgerbutton{display: block;} #page-header .menuburgerbutton div{display: flex;} #page-header .menu-mobile.active{display: block!important;background: var(--prime);position: fixed;right: 0;left: 0;top: 0;height: 100dvh;width: 100dvw;z-index: 99;box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.25);padding: 50px 30px;} #page-header .menu-mobile.active li{margin-bottom: 25px;text-align: left;padding-left: 25px;} #page-header .menu-mobile.active li a{color: var(--white);font-size: 130%;text-transform: uppercase;} #page-header .menu-mobile.active li a:hover{color: var(--acc);} #page-header .menu-mobile.active li::before{display: none;} #page-header .menu-mobile.active li#menu-modal{width: max-content;padding-left: 0;} #page-header .menu{display: none;} #page-header .menu-mobile.active .menu{display: block;} #page-header .nav .menu-menu-container{display: none;} #call{right: 10px;bottom: 10px;} .modal-header, .modal-body, .modal-footer{padding: 20px;} #contactbadge .modal-body div div{margin-bottom: 10px;} #page-footer .footer-menu ul li a{padding: 0 10px;} .modal-dialog{max-width: 100%;} .modal-title{font-size: 140%;} .modal-title br{display: none;} .modal-content .modal-body{display: none;} .modal-content .modal-body li{background-size: 30px;padding-left: 0;} .modal-content .modal-body li a{opacity: 0;width: 40px;overflow: hidden;display: block;} .steps-form .steps-row{display: flex;} .steps-form .steps-row .steps-step{width: 50%;} .current-step-title .step-title{font-size: 100%;} .modal-footer .wpcf7-form-control.wpcf7-checkbox{grid-gap: 15px;grid-template-columns: 1fr;} .modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item{justify-content: left;height: 50px;} .modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label{padding: 15px;font-size: 100%;} .modal-footer #wpcf7-f2345-o1{padding: 20px;} .uacf7-step.step-content button.uacf7-prev{margin-left: 15px;} .progressbar-style-4 .steps-form{margin-bottom: 50px;display: none;} .modal.show .modal-dialog{z-index: 99;} .uacf7-uacf7style-2345 input{padding: 2px 10px 5px 10px;margin-bottom: 10px!important;} .modal .wpcf7-form-control.wpcf7-submit.has-spinner.btn{padding: 8px 20px 10px!important;margin-bottom: 0px!important;margin-top: 10px;} .step-content{margin: 15px 0;} .modal .wpcf7 form.sent .wpcf7-response-output{padding: 20px;font-size: 110%;line-height: 1.3;} .uacf7-step.step-content button.uacf7-next{padding-bottom: 10px!important;line-height: 1;} .uacf7-step.step-content.step-start button.uacf7-next{float: right!important;} .uacf7-uacf7style-245 input[type="text"], .uacf7-uacf7style-245 input[type="tel"], .uacf7-uacf7style-245 input[type="email"]{margin-bottom: 10px!important;} .wpml-ls-legacy-list-horizontal{padding: 0 15px;position: absolute;top: 25px;} .wpml-ls-legacy-list-horizontal > ul{display: flex;justify-content: center;} .switch{right: calc(50% - 55px);top: 29px;} /* #page-footer */ /* #page-footer .logo{flex: 0 0 100%;display: flex;justify-content: center;margin-bottom: 50px;} #page-footer .logo img{width: 70px;} #page-footer .menu{flex: 0 0 100%;} #page-footer .menu ul{flex: 0 0 40%;} #page-footer .social{flex: 0 0 100%;} #page-footer .follow{position: absolute;width: max-content;height: max-content;right: 0;top: 160px;} */ #page-footer .copyright, #page-footer .footer-menu{flex: 0 0 100%;} #page-footer .footer-menu{order: 1;display: flex;justify-content: center;} #page-footer .copyright{order: 2;text-align: center;} .flx_headerblock, .flx_kachelblock{padding: 50px 0;} .flx_kundenslider{padding: 0 0 50px 0;} .flx_headerblock .follow{display: none;} .flx_headerblock.text-video .media{order: 1;flex: 0 0 100%} .flx_headerblock.text-video .content{order: 2;flex: 0 0 100%} .flx_headerblock.text-video .media::after{bottom: 0;} .flx_headerblock.text-hg .hg{position: absolute;bottom: 0;right: 0;} .flx_headerblock .swiper-button-next{top: unset;bottom: 0px;right: 5px;} .flx_headerblock .swiper-pagination {bottom: 12px!important;} .flx_headerblock.text-slider .swiper-pagination {bottom: 0px!important;} .flx_headerblock{margin-bottom: 50px!important;} .flx_headerblock .container.grossesbild{height: 120px;} .flx_headerblock.vollflaechig .content{margin-bottom: 200px;} .flx_headerblock.vollflaechig .media .bild img{position: absolute;bottom: 0;right: 0;max-height: 250px;} .online-markting .flx_headerblock.text-hg .content{margin-bottom: 230px;} .flx_accordionblock .content{flex: 0 0 100%;} .flx_accordionblock .accordion{flex: 0 0 100%;} .flx_accordionblock .grafisches_element{position: relative;width: 100%;} .flx_accordionblock .accordion-item .accordion-button span{font-size: 100%;} .flx_accordionblock .grafisches_element.right{display: flex;justify-content: end;padding-right: 0;} .flx_accordionblock .grafisches_element.left{display: flex;justify-content: start;} .flx_accordionblock .grafisches_element.right img{width: 100%;} .flx_accordionblock .grafisches_element.left img{width: 100%;} .flx_kundenslider .kunde{flex: 0 0 100px;height: 60px;} .flx_kundenslider .elemente::before, .flx_kundenslider .elemente::after{display: none;} .flx_kundenslider .headline{margin-bottom: 50px;} .flx_kachelblock .statisch{display: none;} .flx_kachelblock .statisch .swiper-pagination{bottom: -30px!important;} .flx_kachelblock .kachel{flex: 0 0 100%;padding: 30px;} .flx_kachelblock .cta{margin-top: 50px;} .flx_kachelblock .kachel .headline{font-size: 125%;} .flx_kachelblock.sechs-ohg .kachel{border: none;padding: 10px} .flx_kachelblock.sechs-ohg .row{padding-bottom: 0px;} .flx_zitat.dunkel .row{padding: 30px;} .flx_zitat.dunkel .mitarbeiter{order: 4;text-align: right;} .flx_zitat.dunkel .zitat{margin-bottom: 20px;} .flx_zitat.hell .mitarbeiter .infos{width: 50%;} .flx_zitat.hell .mitarbeiter .bild img{width: 200px;} .flx_benefits .benefit{padding: 10px;} .flx_benefits .benefit img{height: 50px;margin-bottom: 10px;} .flx_benefits .benefit .headline{font-size: 125%;margin-bottom: 10px;} .flx_textblock.text-infos .item{flex: 0 0 100%;} .flx_textblock.text-infos .text{flex: 0 0 100%;} .flx_textblock.text-infos .infos{flex: 0 0 100%;display: block;} .flx_textblock.text-infos .infos .item{padding-right: 15px;} .flx_textblock.text-infos .infos .item .info{flex: 0 0 100%;} .flx_textblock.text-infos .editor{margin-bottom: 50px;} .flx_textblock.text-infos .buttons{justify-content: start;} .flx_textblock.text-logos .text{flex: 0 0 100%;} .flx_textblock.text-logos .logos{flex-wrap: wrap;flex: 0 0 100%;padding: 0;} .flx_textblock.text-logos .logos .item{padding: 20px;flex: 0 0 50%;text-align: center;} .flx_textblock.text-logos .logos .item img{width: 70%;height: auto;} .flx_textblock.headline-text .headline br{display: none;} .flx_textblock.text-bild .bild, .flx_textblock.bild-text .bild{order: 2;} .flx_textblock.text-bild .bild img, .flx_textblock.bild-text .bild img .flx_textblock.bild-text .bild .editor, .flx_textblock.text-bild .bild .editor{max-width: 100%;} .flx_textblock.bild-text .text, .flx_textblock.text-bild .text{padding: 15px;order: 1;} .flx_textblock .bild .bildunterschrift p{margin: 20px;font-size: 100%;} .flx_textblock .bild .bildunterschrift p span{margin: 10px 0;font-size: 120%;} .flx_textblock.stichpunkte .text{margin-bottom: 50px;} .flx_textblock.stichpunkte ul{margin-bottom: 0;} .flx_textblock.stichpunkte .bild{padding-right: 0;} .flx_textblock.textvstext .row{justify-content: center;} .flx_textblock.textvstext .vs{border: 1px solid #E3E3E5;padding: 0;transform: rotate(-14.5deg);margin: 20px 0 40px;flex: 0 0 90%;} .ueber-moleco .flx_textblock.links{padding: 10px 0 20px!important;} .ueber-moleco .flx_timeline #timeline{padding: 10px;} .ueber-moleco .flx_timeline #timeline .editor p:last-child{margin-bottom: 0;} .ueber-moleco .flx_timeline #timeline .editor .btn{margin-top: 0;} .flx_headerblock.text-bild3d{overflow: visible;} .flx_headerblock.text-bild3d .content{padding-bottom: 180px;} .flx_headerblock.text-bild3d .dreid{left: 0;right: 0;bottom: -40px;position: absolute;z-index: 1;text-align: center;} .flx_headerblock.text-bild3d .dreid img{height: 240px;} .flx_tabelle td.attribut{font-size: 85%;line-height: 1.4;} .flx_tabelle .site thead th{text-combine-upright: initial;transform: rotate(180deg);white-space: nowrap;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-tb;writing-mode: vertical-rl;font-size: 100%;display: flex;align-items: center;} .flx_tabelle .shop table{width: 90%;} .flx_tabelle .shop thead th{display: flex;align-items: center;flex: 0 0 33%;padding: 10px 0 10px 10px;} .flx_tabelle .shop td{font-weight: 500;line-height: 1;font-size: 80%;display: block;line-height: 1;flex: 0 0 33%;padding-left: 10px;} .flx_tabelle .shop td.attribut{font-weight: 600;padding-left: unset;} .flx_googlebewertungen .durchschnitt{top: 0;right: 0;} .flx_googlebewertungen .durchschnitt .bild{width: 100px;} .flx_galerieblock .swiper-wrapper{grid-template-columns:110px 90px 80px 90px 120px;grid-template-rows:50px 60px 60px 50px 60px 50px 50px;grid-gap: 10px;} .flx_videoblock.nurvideo{height: max-content;} .flx_videoblock.nurvideo video{height: auto;} .flx_videoblock.video-text .content{order: 1;flex: 0 0 100%;margin-bottom: 50px;} .flx_videoblock.video-text .content .headline br{display: none;} .flx_videoblock.video-text .video{order: 2;flex: 0 0 100%;} .flx_videoblock.video-text .video .scroll{grid-template-columns: repeat(3, 1fr);} .flx_videoblock.video-text .video .scroll .item-1{grid-column: 1;grid-row: 3 / span 3;} .item-2{grid-column: 2;grid-row: 2 / span 3;} .item-3{grid-column: 3;grid-row: 1 / span 3;} .item-4{grid-column: 1;grid-row: 6 / span 3;} .item-5{grid-column: 2;grid-row: 5 / span 3;} .item-6{grid-column: 3;grid-row: 4 / span 3;} .item-7{grid-column: 1;grid-row: 9 / span 3;} .item-8{grid-column: 2;grid-row: 8 / span 3;} .item-9{grid-column: 3;grid-row: 7 / span 3;} .item-10{grid-column: 1;grid-row: 12 / span 3;} .item-11{grid-column: 2;grid-row: 11 / span 3;} .flx_videoblock.video-text .infos .item{flex: 0 0 100%;} .flx_kontaktblock .grid-container{flex: 0 0 100%;} .flx_kontaktblock .ansprechpartner{order: 1;margin-bottom: 20px;} .flx_kontaktblock .content{order: 2;} .flx_kontaktblock .editor{order: 3;} .flx_kontaktblock .kontakt{order: 4;margin-bottom: 10px;} .flx_kontaktblock .kontakt span{line-height: 1;} .flx_kontaktblock .formular{order: 5;} /* .senden{display: block;} */ .flx_kontaktblock .senden{display: flex;align-items: center;} .kontakt .flx_kontaktblock .grid-container{flex: 0 0 100%;} .flx_wertegrid .headline{margin-bottom: 20px;} .flx_wertegrid .wert{margin-bottom: 30px;} .flx_wertegrid .wertname{font-size: 140%;font-weight: 600;} .flx_referenzblock .referenz{grid-template-columns: 50% 50%;grid-template-rows: 70px auto auto auto auto;gap: 0;row-gap: 1rem;} .flx_referenzblock .referenz .logo{grid-column: 1;width: 100%;height: 100%;} .flx_referenzblock .referenz .logo img{padding: 0;} .flx_referenzblock .referenz .bewertung{grid-column: 1;} .flx_referenzblock .referenz .bewertung img{width: 70%;margin-right: 10px;} .flx_referenzblock .referenz .personenbild{grid-column: 1 / span 2;grid-row: 2;justify-content: center;margin: 20px auto 30px;} .flx_referenzblock .referenz .stimme{grid-column: 1 / span 2;grid-row: 3;} .flx_referenzblock .referenz .stimme p{font-size: 90%;} .flx_referenzblock .referenz .person{grid-column: 1 / span 2;grid-row: 4;} .flx_referenzblock .referenz .person .topline{text-align: left;} .flx_referenzblock .swiper-pagination{grid-row: 5;grid-column: 1 / span 2;} .flx_referenzblock .swiper-button-next{display: none;} .flx_referenzblock .referenz .reflink{grid-column: 1 / span 2;grid-row: 6;justify-content: end;display: flex;} .flx_referenzblock .swiper-wrapper{padding-bottom: 30px;} .flx_referenzgrid.digitalzwei .grid-container{display: grid;grid-template-columns: 100%;grid-gap: 2rem;grid-template-rows: auto;} .flx_referenzgrid.digitalzwei .griditem1{grid-column: 1;grid-row: auto;} .flx_referenzgrid.digitalzwei .griditem2{grid-column: 1;grid-row: auto;} .flx_referenzgrid.digitalzwei .griditem3{grid-column: 1;grid-row: auto;} .flx_referenzgrid.digitalzwei .griditem4{grid-column: 1;grid-row: auto;} .flx_referenzgrid.digitalzwei .griditem5{grid-column: 1;grid-row: auto;} .flx_referenzgrid.digitalzwei .griditem6{grid-column: 1;grid-row: auto;} .flx_referenzgrid.digitaldrei .grid-container{grid-template-columns: 100%;grid-gap: 2rem;} .flx_referenzgrid.digitaldrei .griditem2::after{bottom: 0px;filter: blur(40px);} .flx_referenzgrid .swiper-button-next{top: unset;right: calc(50% - 30px);bottom: -50px;} .flx_referenzgrid.digitaldrei .griditem2{margin-bottom: 70px;} .flx_referenzgrid.digitaldrei .griditem3 img, .flx_referenzgrid.digitaldrei .griditem6 img, .flx_referenzgrid.digitaldrei .griditem7 img{width: 60%;} .flx_referenzgrid.print{padding: 0;} .flx_referenzgrid.print .grid-container{margin-bottom: 100px;grid-template-columns: 100%;grid-gap: 1rem;} .flx_referenzgrid.print .swiper-wrapper{padding-bottom: 70px;} .flx_referenzgrid.print .swiper-button-next{bottom: 50px;right: -5px;} .flx_referenzgrid.print .swiper-button-next::after{font-size: 150%;} .flx_kundengrid.block .kunden{grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(auto-fill, 65px);} .flx_kundengrid.block .kunden .kunde{height: 100%;display: flex;align-items: center;justify-content: center;} .flx_kundengrid.teaser .kunden{gap: 20px;justify-content: center;} .flx_slider .parallax-layer{top: calc(140px + (calc(40px * var(--nth-child))));} .flx_slider .parallax-layer img{height: auto;width: max-content;} .flx_googlebewertungen .bewertungen:before{content:'';width:12%;height:100%;position:absolute;left:-10px;top:0;background: linear-gradient(90deg, rgba(5,28,44,1) 20%, rgba(5,28,44,0) 100%);z-index:1;} .flx_googlebewertungen .bewertungen:after{content:'';width:12%;height:100%;position:absolute;right:-10px;top:0;background: linear-gradient(-90deg, rgba(5,28,44,1) 20%, rgba(5,28,44,0) 100%);z-index:0;} .flx_steps .tab-content>.tab-pane {display: block;opacity: 1;} .flx_steps .tab-content .tab-pane{padding: 20px 0 0;} .flx_steps .tab-content .tab-pane button br{display: none;} .flx_steps .accordion-button{font-weight: 700;font-size: 80%;background-color: #E3E3E5;} .flx_steps .accordion-button:not(.collapsed){background-color: var(--white);box-shadow: none;} .flx_steps .accordion-collapse{background-color: var(--white);padding: 20px 0;} .flx_steps .accordion-body{padding: 0 20px;} .flx_steps .stepcontentheadline{font-weight: 700;margin-bottom: 15px;} .flx_jobs.slider .prime{position: relative;width: 100%;height: 300px;} .flx_jobs.slider .bild{position: relative;width: 100%;} .flx_jobs.slider .content{position: absolute;top: 40px;left: 40px;padding: 0;} .flx_jobs.slider .headline{font-size: 300%;} .flx_jobs .row.jobs{padding: 30px;position: relative;top: -60px;} .flx_jobs .swiper-slide{min-height: 180px;} .flx_jobs .swiper-pagination-bullets{text-align: center;} .flx_jobs.liste .item{flex: 0 0 100%;} .flx_jobs.liste .mehr{position: absolute;right: 15px;bottom: 20px;} .flx_jobs.liste .row.jobs{padding: 20px;margin-top: 20px;} .flx_jobs.liste .swiper-slide .wmd{min-height: 40px;} .flx_jobs.liste .swiper-slide.item span.schriftzug{font-size: 240%;top: -13px;} .flx_jobs.slider .swiper-pagination-bullet{background-color: var(--black)!important;} .flx_jobs.slider .swiper-pagination-bullet-active{background-color: var(--acc)!important;} .flx_werteslider .headline{flex: 0 0 100%;} .flx_werteslider .headline br{display: none;} .flx_werteslider .swiper{flex: 0 0 100%;padding: 40px 0;} .flx_teamzitat .swiper-slide{flex-wrap: wrap;} .flx_teamzitat .swiper-slide .mitarbeiter, .flx_teamzitat .swiper-slide .zitat{flex: 0 0 100%;height: max-content;} .flx_teamzitat .swiper-slide .zitat{padding: 30px;} .flx_teamzitat .swiper-slide .zitat .editor{min-height: 440px;} .flx_teamzitat .mitarbeiter img{height: 320px;} .flx_teamzitat .zitat p{font-weight: 500;font-weight: 90%;line-height: 1.4;} .flx_teamzitat .swiper-slide .zitat{padding: 70px 30px;} .flx_teamzitat .zitat .name{top: 20px ;left: 30px;font-size: 200%;} .flx_teamzitat .zitat::before{content:'';width:120px;height:100px;display:none;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;display:none;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 .swiper-pagination{bottom: 30px!important;left: 0%!important;} .flx_teamzitat .swiper-button-next{bottom: 20px;right: 40px;} .flx_bildergrid .editor{flex: 0 0 100%;} .flx_bildergrid .zitate .item p{font-size: 140%;line-height: 1.2;} .flx_bildergrid .link{display: grid;grid-gap: 20px;padding: 0 15px;} .flx_bildergrid .link .griditem{grid-row: auto;} .flx_bildergrid .item .content{width: 100%;padding: 20px 0;} .flx_bildergrid .editor{padding-bottom: 0;} .flx_bildergrid .zitate{display: grid;grid-column-gap: 20px;grid-row-gap: 20px;padding: 15px;} .flx_bildergrid .zitate .griditem1 { grid-row: 1;} .flx_bildergrid .zitate .griditem2 { grid-row: 2;} .flx_bildergrid .zitate .griditem3 { grid-row: 3;} .flx_bildergrid .zitate .griditem4 { grid-row: 4;} .flx_bildergrid .zitate .griditem5 { grid-row: 5;} .flx_bildergrid .zitate .griditem6 { grid-row: 6;} .flx_bildergrid .zitate .griditem7 { grid-row: 7;} .flx_bildergrid .zitate .griditem8 { grid-row: 8;} .flx_bildergrid .zitate .griditem9 { grid-row: 9;} .flx_bildergrid .zitate .griditem10 { grid-row: 10;} .flx_bildergrid .zitate .griditem11 { grid-row: 11;} .flx_bildergrid .zitate .griditem12 { grid-row: 12;} .flx_bildergrid .schroeder{grid-template-columns: 1fr;padding: 0 15px;} .flx_bildergrid .schroeder .item .content{width: 100%;} .flx_bildergrid .schroeder .griditem1{grid-row: 1;} .flx_bildergrid .schroeder .griditem1 img{height: auto;} .flx_bildergrid .schroeder .griditem2{grid-row: 2;} .flx_bildergrid .schroeder .griditem2 .editor{padding-bottom: 0;} .flx_bildergrid .schroeder .griditem2 p{margin-bottom: 0;} .flx_bildergrid .schroeder .griditem3{grid-row: 3;} .flx_bildergrid .schroeder .griditem4{grid-row: 4;} .flx_bildergrid .albers-cd{grid-template-columns: repeat(2, 1fr);padding: 0 15px;} .flx_bildergrid .albers-cd .griditem1{grid-column: 1 / span 2;grid-row: 1;} .flx_bildergrid .albers-cd .griditem2{grid-column: 1;grid-row: 2;} .flx_bildergrid .albers-cd .griditem3{grid-column: 2;grid-row: 2;} .flx_bildergrid .albers-cd .griditem4{grid-column: 1;grid-row: 3;} .flx_bildergrid .albers-cd .griditem5{grid-column: 2;grid-row: 3;} .flx_bildergrid .albers-cd .griditem6{grid-column: 1 / span 2;grid-row: 4;} .flx_bildergrid .albers-cd .griditem6 .content{width: 100%;} .flx_bildergrid .albers-cd .griditem8{grid-column: 1 / span 2;grid-row: 5;} .flx_bildergrid .albers-cd .griditem7{grid-column: 1 / span 2;grid-row: 6;} .flx_bildergrid .albers-cd .griditem9{grid-column: 1;grid-row: 7;} .flx_bildergrid .albers-cd .griditem10{grid-column: 2;grid-row: 7;} .flx_bildergrid .albers-cd .griditem11{grid-column: 1;grid-row: 8;} .flx_bildergrid .albers-cd .griditem12{grid-column: 2;grid-row: 8;} .flx_bildergrid .albers-cd .griditem13{grid-column: 1;grid-row: 9;} .flx_bildergrid .albers-cd .griditem14{grid-column: 2;grid-row: 9;} .flx_bildergrid .albers-cd .griditem15{grid-column: 1;grid-row: 10;} .flx_bildergrid .albers-cd .griditem16{grid-column: 2;grid-row: 10;} .flx_bildergrid .albers-cd .griditem17{grid-column: 1 / span 2;grid-row: 11;} .flx_bildergrid .albers-content{grid-template-columns: repeat(1, 100%);grid-template-rows: auto;} .flx_bildergrid .albers-content .griditem1{grid-column: 1;padding-left: 10px;} .flx_bildergrid .albers-content .griditem2{grid-column: 1;} .flx_bildergrid .albers-content .griditem3{grid-column: 1;} .flx_bildergrid .albers-content .griditem4{grid-column: 1;} .flx_bildergrid .albers-content .griditem5{grid-column: 1;} .flx_bildergrid .albers-content .griditem7{grid-column: 1;} .flx_bildergrid .albers-content .griditem6{grid-column: 1;} .flx_bildergrid .albers-content .griditem8{grid-column: 1;} .flx_bildergrid .albers-content .griditem9{grid-column: 1;} .flx_bildergrid .albers-azubi .item .content{width: 100%;} .flx_bildergrid .bilder-texte{grid-template-columns: 1fr;} .flx_bildergrid .bilder-texte .item .content{width: 90%;} #jobs-single .headercontent{bottom: 170px;} #jobs-single .container.gross{top: -130px;} #jobs-single .noimg{margin-top: 120px;margin-bottom: 30px;} #jobs-single .header .content, #jobs-single .text .editor{width: 100%;} #jobs-single .start::before{width:23px;} #jobs-single .anstellung::before{width:25px;} #jobs-single .start, #jobs-single .anstellung{padding-left: 35px;font-size: 100%;display: block;} #jobs-single .text:first-child{margin-bottom: 40px;} #jobs-single .bild img{height: max-content;} #jobs-single div[class^="flx_"], div[class*="flx_"]{top: -100px;} #jobs-single .editor ul li{line-height: 1.3;} #jobs-single .editor ul li::before{top: 2px;} #jobs-single .wpcf7-submit{width: 100%;} .flx_karriere_bildergrid .grid-container{grid-template-columns: repeat(2, 1fr);} .flx_karriere_bildergrid .griditem1{grid-column: 1;grid-row: 1;} .flx_karriere_bildergrid .griditem2{grid-column: 2;grid-row: 1;} .flx_karriere_bildergrid .griditem3{grid-column: 1;grid-row: 2;} .flx_karriere_bildergrid .griditem4{grid-column: 2;grid-row: 2;} .flx_karriere_ansprechperson .kontakt .daten{width: max-content;} .flx_karriere_ansprechperson .kontakt .daten a{display: block;} .flx_karriere_ansprechperson .kontakt .daten a::before{top: 0;} .flx_karriere_ansprechperson .ansprechpartner img{height: 300px;width: 300px;} /*Team*/ .flx_team .person .bild-container{position: relative;height: 100%;} .flx_team .person .infos{bottom: 15px;left:15px;z-index: 3;} .flx_team .infos *{font-size: 100%;color: var(--white);line-height: 1.2;display: block;} .flx_team .infos .highlight{font-weight: 700;} .flx_team .teamname{font-weight: 700;font-size: 180%;line-height: 1;} .flx_team .team .grid-container{display: grid;grid-template-columns: 1fr;grid-template-rows: auto;grid-column-gap: 15px;grid-row-gap: 15px;padding: 30px;} .flx_team .team .teamname{grid-column: 1;grid-row: 1;text-align: start;} .flx_team .team .aufgaben1{grid-column: 1;grid-row: 2;text-align: start;} .flx_team .team .aufgaben2{grid-column: 1;grid-row: 6;text-align: start;} /*Geschäftsführung*/ .flx_team .geschaftsfuhrung{padding-top: 40px;} .flx_team .geschaftsfuhrung .infos{position: unset;opacity: 1;padding: 20px;} .flx_team .geschaftsfuhrung .infos *{color: var(--prime);font-size: unset;line-height: 1.6;} .flx_team .geschaftsfuhrung .highlight{font-size: 260%;margin-bottom: 50px;display: block;line-height: 1;position: relative;} .flx_team .geschaftsfuhrung .highlight::after{content:'';width:100px;height:80px;background:url('../media/icons/quote-red.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top: -80px;right: 0px;transition: all ease .3s;z-index: 1;} .flx_team .person .greyfilter{position: absolute;content: '';background: rgb(5,28,44);background: linear-gradient(0deg, rgba(5,28,44,1) 0px, rgba(5,28,44,0.8) 15px, rgba(5,28,44,0) 60px);top: 0;bottom: 0;right: 0;left: 0;width: 100%;z-index: 1;transition: all ease .3s;} .flx_ansprechperson_moleco{padding-top: 30px;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner{margin-bottom: 20px;text-align: center;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner img{border-radius: 50%;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner .kontakt{margin-top: 5px;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner .kontakt span{display: block;line-height: 1.3;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner .kontakt a{margin-bottom: 0;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner .kontaktieren{display: flex;justify-content: center;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner .kontaktieren{display: flex;justify-content: space-between;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner .kontaktieren a.mail{left: 0;margin-left: 0;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner .kontaktieren a.mail::before{left: 0;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner .kontaktieren .whats{position: relative;left: 0;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner .kontaktieren .whats::before{content:'';width:30px;height:30px;display:block;background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-2px;left:0;transition: all ease .3s;background:url('../media/icons/whatsapp-gruen.svg');} .kontakt .flx_kontaktblock .ansprechpartner{display: none;} .flx_timeline #logo{display: none;} .flx_timeline .daten{display: flex;flex-wrap: wrap;margin-bottom: 30px;} .flx_timeline .daten:nth-child(even) .time-right{order: 1;flex: 0 0 100%;margin-bottom: 20px;} .flx_timeline .daten:nth-child(2n-1) .time-left{margin-bottom: 20px;} .flx_timeline .daten:nth-child(even) .time-left{order: 2;flex: 0 0 100%;} .flx_timeline .date{font-weight: 700;font-size: 300%;display: block;line-height: 1;color: var(--bg);transition: all ease .3s;opacity: .8;} .flx_timeline .date-details img{margin-bottom: 15px;} .flx_anfahrt *{color: var(--white)!important;} .flx_anfahrt .grid-container{grid-template-columns: 100%;display: grid;} .flx_anfahrt .grid-container .bild{margin-top: 30px;order: 2;} .flx_anfahrt .grid-container .text{order: 1;padding: 15px;} } /* ---------------------------// Smartphones -------------------*/ @media (max-width: 410px) { body, html, *{font-size: 14px;} h1{margin: 0 0 30px;} h2, h2.headline, .headline{font-size: 160%;} .container{padding: 0 30px;} #page-header{top: 0;} .wpml-ls-legacy-list-horizontal{position: unset;top: unset;} .wpml-ls-legacy-list-horizontal > ul{justify-content: end;} .switch{right: 40px;top: 4px;} div[class^="flx_"], div[class*="flx_"]{margin-bottom: 50px!important;} .flx_headerblock .container.grossesbild{height: 200px;} .flx_headerblock.text-hg{min-height: unset;} .flx_headerblock.text-hg .content{flex: 0 0 100%;margin-top: 120px;} .flx_headerblock.text-hg .media{flex: 0 0 100%;margin-top: 20px;} .flx_headerblock.text-hg .hg{position: relative;width: 100%;} .flx_headerblock.vollflaechig .content{margin-bottom: 30px;} .flx_headerblock.vollflaechig .media .bild img{position: relative;max-height: unset;} .flx_headerblock.text-video .headline{font-size: 160%;} .flx_headerblock.text-video .content{margin-top: 30px;} .flx_referenzblock .referenz .bewertung img{width: 60%;} .flx_referenzblock .referenz .stimme p{font-size: 100%;} .flx_accordionblock .grafisches_element.right img{width: 100%;} .flx_accordionblock .grafisches_element.left img{width: 100%;} .flx_textblock.bild-text .bild{display: flex;align-items: center;gap: 20px;} .flx_textblock.bild-text .bild img{max-width: 45%;} .flx_textblock.bild-text .bild .editor p{margin: 0;text-align: left;} .flx_textblock.text-bild .bild{display: flex;align-items: center;gap: 20px;} .flx_textblock.text-bild .bild img{max-width: 45%;} .flx_textblock.text-bild .bild .editor p{margin: 0;text-align: left;} .flx_textblock.textvstext .vs{margin: 80px 0 40px;flex: 0 0 95%;} .online-markting .flx_headerblock.text-hg .content{margin-bottom: 350px;} .flx_videoblock.video-text .infos .item{flex: 0 0 50%;} .flx_headerblock.text-bild3d .content{padding-bottom: 220px;} .flx_headerblock.text-bild3d .dreid img{height: 280px;} .flx_zitat.dunkel .bild{display: flex;justify-content: center;} .flx_zitat.dunkel .bild img{width: 40%;} .flx_zitat.hell .mitarbeiter .infos{width: max-content;} .flx_benefits .benefit{padding: 20px;} /* .flx_bildergrid .zitate{grid-template-columns: repeat(2, 48%);} */ /* .flx_bildergrid .zitate .griditem:nth-child(odd){position: relative;top: 40px;} */ /* .flx_bildergrid .zitate .griditem1 { grid-row: 1;} */ /* .flx_bildergrid .zitate .griditem2 { grid-row: 1;} */ /* .flx_bildergrid .zitate .griditem3 { grid-row: 2;} */ /* .flx_bildergrid .zitate .griditem4 { grid-row: 2;} */ /* .flx_bildergrid .zitate .griditem5 { grid-row: 3;} */ /* .flx_bildergrid .zitate .griditem6 { grid-row: 3;} */ /* .flx_bildergrid .zitate .griditem7 { grid-row: 4;} */ /* .flx_bildergrid .zitate .griditem8 { grid-row: 4;} */ /* .flx_bildergrid .zitate .griditem9 { grid-row: 5;} */ /* .flx_bildergrid .zitate .griditem10 { grid-row: 5;} */ /* .flx_bildergrid .zitate .griditem11 { grid-row: 6;} */ /* .flx_bildergrid .zitate .griditem12 { grid-row: 6;} */ .flx_bildergrid .albers-content{grid-template-columns: repeat(2, 47%);margin: 0 auto;} .flx_bildergrid .albers-content .griditem1{grid-column: 1 / span 2;padding-left: 10px;} .flx_bildergrid .albers-content .griditem2{grid-column: 1 / span 2;} .flx_bildergrid .albers-content .griditem3{grid-column: 1;} .flx_bildergrid .albers-content .griditem4{grid-column: 2;} .flx_bildergrid .albers-content .griditem5{grid-column: 1 / span 2;} .flx_bildergrid .albers-content .griditem7{grid-column: 1 / span 2;} .flx_bildergrid .albers-content .griditem6{grid-column: 1 / span 2;} .flx_bildergrid .albers-content .griditem8{grid-column: 1;} .flx_bildergrid .albers-content .griditem9{grid-column: 2;} .flx_referenzgrid.digitalzwei .grid-container{grid-template-columns: repeat(3, 1fr);grid-gap: 2rem;grid-template-rows: auto;} .flx_referenzgrid.digitalzwei .griditem1{grid-column: 1 / span 3;} .flx_referenzgrid.digitalzwei .griditem2{grid-column: 1 / span 3;} .flx_referenzgrid.digitalzwei .griditem3{grid-column: 1;} .flx_referenzgrid.digitalzwei .griditem4{grid-column: 2;} .flx_referenzgrid.digitalzwei .griditem5{grid-column: 3;} .flx_referenzgrid.digitalzwei .griditem6{grid-column: 1 / span 3;margin: auto;} .flx_referenzgrid.digitaldrei .grid-container{grid-template-columns: repeat(2, 1fr);} .flx_referenzgrid.digitaldrei .griditem1, .flx_referenzgrid.digitaldrei .griditem2, .flx_referenzgrid.digitaldrei .griditem3, .flx_referenzgrid.digitaldrei .griditem4, .flx_referenzgrid.digitaldrei .griditem5{grid-column: 1 / span 2;} .flx_referenzgrid.digitaldrei .griditem6{grid-column: 1;} .flx_referenzgrid.digitaldrei .griditem7{grid-column: 2;} .flx_referenzgrid.digitaldrei .griditem3 img{width: 40%;} .flx_referenzgrid.digitaldrei .griditem6 img, .flx_referenzgrid.digitaldrei .griditem7 img{width: 100%;} .flx_jobs .swiper-slide{min-height: 130px;} #jobs-single .noimg{margin-top: 140px;margin-bottom: 30px;} #jobs-single .headercontent{bottom: 130px;} #jobs-single .container.gross{top: -130px;} .flx_ansprechperson_moleco{padding-top: 70px;padding-bottom: 50px;} .flx_ansprechperson_moleco .ansprechpersonen{display: flex;flex-wrap: wrap;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner{flex: 0 0 50%;} .flx_teamzitat .swiper-slide .zitat .editor{min-height: 330px;} .flx_kundengrid.teaser .kunde{width: 135px;height: 55px;} .flx_referenzen .referenz{margin-bottom: 30px;} .flx_referenzen .referenz .referenzbild{height: 250px!important;} .flx_referenzen .referenz .content .firmenname{font-size: 130%;} .flx_referenzen .referenz .leistungen{flex-wrap: wrap;} .flx_referenzen .referenz .button .btn{width: fit-content;} .flx_referenzen .referenz .button .btn::before{width: 35px;height: 35px;} #page-footer .kontakt{margin: 30px 0;} } /* ---------------------------// Small devices (landscape phones, 576px and up) -------------------*/ @media (min-width: 576px) { #page-header .menu-mobile.active{left: unset;} .btn, #send.btn{width: max-content;} #page-header .menu-mobile.active{width: 70%;} .modal-body{display: flex;} .modal-header, .modal-body, .modal-footer{padding: 30px;} .modal-content{width: 95%;margin: 0 auto;} .modal-footer .wpcf7-form-control.wpcf7-checkbox{grid-template-columns: 1fr 1fr;} .modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item{height: 100px;grid-column: auto;justify-content: left;grid-row: auto;justify-content: center;} .modal-content .modal-body{display: block;} .modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label, .modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label{width: 100%;height: 100%;} .modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label{text-align: center;padding: 35px 15px;} #page-footer .menu ul{flex: 0 0 30%;} .flx_headerblock .hg{bottom: -30px;} .online-markting .flx_headerblock.text-hg .content{margin-bottom: 460px;} .flx_headerblock{margin-bottom: 70px!important;} .flx_headerblock .container.grossesbild{height: 280px;} .flx_accordionblock .accordion{flex: 0 0 50%;} .flx_kundenslider .kunde{flex: 0 0 185px;height: 80px;} .flx_kundengrid.block .kunden{grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(auto-fill, 80px);} .flx_kachelblock .cta{margin-top: 70px;} .flx_kachelblock .cta .headline{font-size: 210%;padding-bottom: 10px;} .flx_kachelblock .statisch .swiper-pagination{bottom: -40px!important;} .flx_textblock.text-infos .item{flex: 0 0 33%;} .flx_textblock.text-infos .infos{display: flex;justify-content: space-around;} .flx_textblock.text-infos .buttons{justify-content: end;} .flx_textblock.text-logos .logos .item{padding: 20px;flex: 0 0 25%;text-align: unset;} .flx_textblock.text-logos .logos .item img{width: 100%;} .flx_textblock.stichpunkte .text div{display: flex;} .flx_textblock.stichpunkte .text div ul{flex: 0 0 50%;} .flx_tabelle .content{flex: 0 0 85%} .flx_tabelle .site thead th{text-combine-upright: unset;transform: unset;white-space: unset;-ms-writing-mode: unset;-webkit-writing-mode: unset;writing-mode: unset;font-size: 110%;display: flex;justify-content: center;} .flx_tabelle td, .flx_tabelle .shop td{font-size: 90%;line-height: 1.2;} .flx_galerieblock .swiper-wrapper{grid-template-columns:180px 180px 170px 170px 200px;grid-template-rows:100px 100px 100px 100px 100px 100px 100px;grid-gap: 10px;} .flx_kontaktblock .grid-container{grid-template-columns: repeat(2, 50%);} .flx_kontaktblock .ansprechpartner, .flx_kontaktblock .content, .flx_kontaktblock .editor, .flx_kontaktblock .kontakt, .flx_kontaktblock .formular{order: unset;} .flx_kontaktblock .ansprechpartner{grid-column: 1;grid-row: 1;} .flx_kontaktblock .kontakt{grid-column: 2;grid-row: 1;} .flx_kontaktblock .editor{grid-column: 1 / span 2;grid-row: 3;} .flx_kontaktblock .formular{grid-column: 1 / span 2;grid-row: 4;} .senden{display: flex;justify-content: end;} .senden .wpcf7-spinner{order: 1;} .senden #send.btn{order: 2;margin-top: 0!important;} .senden {order: 2;margin-top: 0!important;} .flx_referenzblock .referenz .personenbild{justify-content: center;} .flx_googlebewertungen .bewertungen:before{width:9%;} .flx_googlebewertungen .bewertungen:after{width:9%;} .flx_videoblock.video-text .content .headline br{display: block;} .flx_videoblock.video-text .infos .item{flex: 0 0 33%;} .flx_videoblock.nurvideo{height: 60vh;width: 100%;} .flx_videoblock.nurvideo video{height: 60vh;} .flx_videoblock.video-text .video .scroll{grid-template-columns: repeat(4,1fr);} .flx_videoblock.video-text .video .scroll .item-1{grid-column: 1;grid-row: 4 / span 3;} .flx_videoblock.video-text .video .scroll .item-2{grid-column: 2;grid-row: 3 / span 3;} .flx_videoblock.video-text .video .scroll .item-3{grid-column: 3;grid-row: 2 / span 3;} .flx_videoblock.video-text .video .scroll .item-4{grid-column: 4;grid-row: 1 / span 3;} .flx_videoblock.video-text .video .scroll .item-5{grid-column: 1;grid-row: 7 / span 3;} .flx_videoblock.video-text .video .scroll .item-6{grid-column: 2;grid-row: 6/ span 3;} .flx_videoblock.video-text .video .scroll .item-7{grid-column: 3;grid-row: 5 / span 3;} .flx_videoblock.video-text .video .scroll .item-8{grid-column: 4;grid-row: 4 / span 3;} .flx_videoblock.video-text .video .scroll .item-9{grid-column: 1;grid-row: 10 / span 3;} .flx_videoblock.video-text .video .scroll .item-10{grid-column: 2;grid-row: 9 / span 3;} .flx_videoblock.video-text .video .scroll .item-11{grid-column: 3;grid-row: 8 / span 3;} .flx_jobs.slider .bild{height: 500px;} .flx_jobs.liste .swiper-slide.item span.schriftzug{font-size: 300%;top: -11px;} .flx_jobs.slider .swiper-pagination-bullet{background-color: var(--white)!important;} .flx_jobs.slider .swiper-pagination-bullet-active{background-color: var(--acc)!important;} .flx_benefits .benefits{display: flex;flex-wrap: wrap;} .flx_benefits .benefit{flex: 0 0 50%;border-bottom: 1px solid #E3E3E5;} .flx_benefits .benefit:nth-child(odd){border-right: 1px solid #E3E3E5;} .flx_benefits .benefit:nth-last-child(-n+2){border-bottom: none;} .flx_referenzgrid.digitaldrei .grid-container{grid-template-columns: repeat(2, 1fr);grid-template-rows: auto auto 430px auto auto;} .flx_referenzgrid.digitaldrei .griditem1{grid-column: 1 / span 2;grid-row: 1;} .flx_referenzgrid.digitaldrei .griditem2{grid-column: 1 / span 2;grid-row: 2;} .flx_referenzgrid.digitaldrei .griditem3{grid-column: 1;grid-row: 3;} .flx_referenzgrid.digitaldrei .griditem4{grid-column: 2;grid-row: 3;} .flx_referenzgrid.digitaldrei .griditem5{grid-column: 1 / span 2;grid-row: 4;} .flx_referenzgrid.digitaldrei .griditem6{grid-column: 1;grid-row: 5;} .flx_referenzgrid.digitaldrei .griditem7{grid-column: 2;grid-row: 5;} .flx_referenzgrid.digitaldrei .griditem3 img, .flx_referenzgrid.digitaldrei .griditem6 img, .flx_referenzgrid.digitaldrei .griditem7 img{width: unset;height: 100%;} .flx_referenzgrid.print .griditem5{display: flex;justify-content: end;} .flx_referenzgrid.print .griditem5 img{width: 20%;margin-right: 20px;} .flx_bildergrid .bilder-texte{grid-template-columns: 1fr 1fr;} .flx_bildergrid .bilder-texte .griditem:nth-child(2n), .flx_bildergrid .bilder-texte .item{position: relative;top: -120px;} .flx_bildergrid .bilder-texte .item .content{width: 100%;} .flx_bildergrid .bilder-texte .item .content p, .flx_bildergrid .bilder-texte .item .content .editor{margin-bottom: 0;padding-bottom: 0;} .flx_bildergrid .schroeder{grid-template-columns: repeat(2, 1fr);padding: 25px 0 150px;} .flx_bildergrid .schroeder .item .content{width: 90%;} .flx_bildergrid .schroeder .griditem1{grid-row: 1;grid-column: 2;} .flx_bildergrid .schroeder .griditem1 img{padding: 0 15px;} .flx_bildergrid .schroeder .griditem2{grid-row: 2;grid-column: 1 / span 2;} .flx_bildergrid .schroeder .griditem3{grid-row: 3;} .flx_bildergrid .schroeder .griditem4{grid-row: 3;} .flx_bildergrid .albers-cd .griditem7{height: 450px;} .flx_bildergrid .albers-azubi {grid-template-columns: repeat(2, 1fr);} .flx_bildergrid .albers-azubi .griditem1{grid-column: 1 / span 2;grid-row:1;} .flx_bildergrid .albers-azubi .griditem2{grid-column: 1;grid-row: 2;} .flx_bildergrid .albers-azubi .griditem3{grid-column: 2;grid-row: 2;} .flx_bildergrid .albers-azubi .griditem4{grid-column: 1;grid-row: 3;} .flx_bildergrid .albers-azubi .griditem5{grid-column: 2;grid-row: 3;} .flx_bildergrid .albers-content .griditem2{grid-column: 1 / span 2;} .flx_bildergrid .albers-content .griditem3{grid-column: 1;} .flx_bildergrid .albers-content .griditem4{grid-column: 2;} .flx_bildergrid .albers-content .griditem5{grid-column: 1;} .flx_bildergrid .albers-content .griditem6{grid-column: 2;} .flx_bildergrid .albers-content .griditem7{grid-column: 1 / span 2;} #jobs-single .noimg{margin-bottom: 100px;} #jobs-single .text:first-child{margin-bottom: 0;} #jobs-single .bild{text-align: right;} #jobs-single .bild img{width: max-content;height: 250px;border-top-left-radius: 60px;} .flx_bildergrid .zitate{grid-template-columns: repeat(2, 48%);} .flx_bildergrid .zitate .griditem:nth-child(odd){position: relative;top: 40px;} .flx_bildergrid .zitate .griditem1 { grid-row: 1;} .flx_bildergrid .zitate .griditem2 { grid-row: 1;} .flx_bildergrid .zitate .griditem3 { grid-row: 2;} .flx_bildergrid .zitate .griditem4 { grid-row: 2;} .flx_bildergrid .zitate .griditem5 { grid-row: 3;} .flx_bildergrid .zitate .griditem6 { grid-row: 3;} .flx_bildergrid .zitate .griditem7 { grid-row: 4;} .flx_bildergrid .zitate .griditem8 { grid-row: 4;} .flx_bildergrid .zitate .griditem9 { grid-row: 5;} .flx_bildergrid .zitate .griditem10 { grid-row: 5;} .flx_bildergrid .zitate .griditem11 { grid-row: 6;} .flx_bildergrid .zitate .griditem12 { grid-row: 6;} /*Team*/ .flx_team .teamname{font-weight: 700;font-size: 200%;line-height: 1;} .flx_team .team .grid-container{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: auto;grid-column-gap: 15px;grid-row-gap: 15px;padding: 30px;} .flx_team .team .teamname{grid-column: 1 / span 2;grid-row: 1;text-align: start;margin-bottom: 30px;} .flx_team .team .aufgaben1{grid-column: 1;grid-row: 2;text-align: end;} .flx_team .geschaftsfuhrung .bild-container{padding: 0 15px;} .flx_team .geschaftsfuhrung .bild-container .bild{width: 350px;} .flx_team .geschaftsfuhrung .highlight{font-size: 260%;margin-bottom: 50px;display: block;line-height: 1;position: relative;} .flx_team .geschaftsfuhrung .highlight::after{width:120px;height:100px;top: -50px;right: 0px;} .flx_teamzitat .swiper-slide .zitat .editor{min-height: 220px;} .flx_ansprechperson_moleco{padding-top: 70px;padding-bottom: 0px;} .flx_ansprechperson_moleco .ansprechpersonen{display: flex;justify-content: space-between;} .flx_ansprechperson_moleco .ansprechpersonen *{font-size: 95%;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner{flex: unset} .flx_timeline .daten:nth-child(2n-1) .time-right{border-left: 4px solid var(--bg);opacity: .8;padding-left: 40px;} .flx_timeline .daten:nth-child(2n) .time-left{border-left: 4px solid var(--bg);opacity: .8;padding-left: 40px;} .flx_timeline .date-details img{height: 300px;} } /* ---------------------------// Medium devices (tablets, 768px and up) -------------------*/ @media (min-width: 768px) { .inhaltsbloecke{margin-top: 95px;} h2, h2.headline, .headline{font-size: 280%;} #call{right: 30px;bottom: 30px;} .modal .wpcf7 form.sent .wpcf7-response-output{padding: 50px;font-size: 120%;line-height: 1.6;} .modal .wpcf7-form-control.wpcf7-submit.has-spinner.btn{padding: 12px 15px 15px !important;margin-bottom: 0px !important;margin-top: 5px;} #contactbadge .modal-body ul li.whatsapp, #contactbadge .modal-body ul li.telefon, #contactbadge .modal-body ul li.mail{padding-left: 35px;} .modal-content .modal-body li{background-size: 30px;padding-left: 35px;} .modal-content .modal-body li a{opacity: 1;width: max-content;overflow: auto;display: block;} .progressbar-style-4 .steps-form{display: block;} .modal-footer .wpcf7-form-control.wpcf7-checkbox{grid-template-columns: 1fr 1fr 1fr;} .uacf7-uacf7style-245 input[type="text"], .uacf7-uacf7style-245 input[type="tel"], .uacf7-uacf7style-245 input[type="email"]{margin-bottom: 20px!important;} #page-header .menu-mobile.active{width: 50%;} /* #page-footer .logo{flex: 0 0 20%;align-items: start;justify-content: start;} #page-footer .logo img{width: unset;} #page-footer .menu{flex: 0 0 45%;} #page-footer .menu ul{flex: 0 0 40%;} #page-footer .social{flex: 0 0 20%;} #page-footer .follow{position: unset;flex: 0 0 15%;display: flex;justify-content: end} #page-footer .footer-menu ul li a{padding: 0 25px;} */ #page-footer .copyright, #page-footer .footer-menu{flex: 0 0 50%;order: unset;} #page-footer .footer-menu ul, #page-footer .footer-menu ul li{margin: 0;} #page-footer .footer-menu{justify-content: end;} #page-footer .copyright{text-align: unset;} .flx_headerblock .row{flex-wrap: nowrap;} .flx_headerblock .media{flex: 0 0 50%;} .flx_headerblock .content{flex: 0 0 40%;} .flx_headerblock.text-video .media{order: unset;flex: 0 0 55%;} .flx_headerblock.text-slider .row{align-items: center;} .flx_headerblock.text-slider .media{flex: 0 0 60%;} .flx_headerblock.text-video .content{order: unset;flex: 0 0 45%;} .flx_headerblock.text-bild3d .dreid{bottom: -60px;text-align: right;} .flx_headerblock.text-bild3d .dreid img{height: 230px;} .flx_headerblock .swiper-button-next{right: 50px;width: 50px;height: auto;bottom: 30px} .flx_headerblock .swiper-pagination {bottom: 25px!important;} .flx_headerblock.vollflaechig .content{margin-bottom: 0;} .flx_headerblock.vollflaechig .media .bild img{max-height: unset;width: 40%;} .flx_headerblock{margin-bottom: 100px!important;} .flx_headerblock .container.grossesbild{height: 340px;} .online-markting .flx_headerblock.text-hg .content{margin-bottom: 0;} .online-markting .flx_headerblock.text-hg .media{position: relative;} .online-markting .flx_headerblock.text-hg .hg{bottom: -50px;right: -100px;} .flx_kundenslider .elemente::before, .flx_kundenslider .elemente::after{display: block;} .flx_wertegrid .wert{flex: 0 0 50%;} .flx_accordionblock .grafisches_element.right img{width: 40%;} .flx_accordionblock .grafisches_element.left img{width: 40%;} .flx_videoblock.nurvideo{height: 80vh;width: 100%;} .flx_videoblock.nurvideo video{height: 80vh;} .flx_tabelle .content.eins{flex: 0 0 40%} .flx_tabelle .content.zwei{flex: 0 0 50%} .flx_tabelle td.attribut{font-size: 110%;} .flx_tabelle .shop td{font-size: 100%;} .flx_tabelle .shop thead th:first-child{flex: 0 0 40%;} .flx_tabelle .shop thead th{flex: 0 0 30%;padding: 10px 0 10px 5px;} .flx_tabelle .shop td:first-child{flex: 0 0 40%;} .flx_tabelle .shop td{flex: 0 0 30%;font-weight: 700;} .flx_referenzblock .referenz{grid-template-columns: 35% 35% 20% 10%;grid-template-rows: auto;gap: 20px 0;} .flx_referenzblock .referenz .logo{grid-column: 3;} .flx_referenzblock .referenz .logo img{padding: 10px;} .flx_referenzblock .referenz .bewertung{grid-column: 2;} .flx_referenzblock .referenz .bewertung img{width: 160px;margin-right: 15px;} .flx_referenzblock .referenz .personenbild{grid-column: 1;grid-row: 1 / span 3;justify-content: unset;margin: auto;} .flx_referenzblock .referenz .reflink{grid-column: 2;justify-content: start;grid-row: 1;} .flx_referenzblock .referenz .stimme{grid-column: 2 / span 2;grid-row: 2;} .flx_referenzblock .referenz .stimme p{margin-bottom: 0;} .flx_referenzblock .referenz .person{grid-column: 2 / span 2;grid-row: 3;margin-bottom: 20px;} .flx_referenzblock .swiper-button-next{display: none;} .referenzblockslider.show-arrow .swiper-button-next{display: block;} .flx_referenzgrid.digitaldrei .grid-container{grid-template-rows: auto auto 330px auto 450px;grid-gap: 3rem;} .flx_referenzgrid.digitaldrei .griditem3, .flx_referenzgrid.digitaldrei .griditem6, .flx_referenzgrid.digitaldrei .griditem7{display: flex;justify-content: center;} .flx_referenzgrid.print .grid-container{grid-template-columns: repeat(12, 1fr);grid-template-rows: 390px 50px 250px 70px 120px;} .flx_referenzgrid.print .griditem img{max-height: 100%;} .flx_referenzgrid.print .griditem1{grid-column: 1 / span 7;grid-row: 1;} .flx_referenzgrid.print .griditem2{grid-column: 8 / span 5;grid-row: 1;} .flx_referenzgrid.print .griditem3{grid-column: 1 / span 5;grid-row: 2 /span 2;} .flx_referenzgrid.print .griditem4{grid-column: 6 / span 7;grid-row: 2 / span 2;} .flx_referenzgrid.print .griditem5{grid-column: 11 / span 2;grid-row: 4;} .flx_referenzgrid.print .griditem5 img{width: 100%;} .flx_referenzgrid.print .griditem6{grid-column: 1 / span 5;grid-row: 5;} .flx_referenzgrid.print .griditem7{grid-column: 6 / span 5;grid-row: 5;} .flx_kundengrid.block .kunden{grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(auto-fill, 60px);} .flx_textblock.text-bild .bild img, .flx_textblock.bild-text .bild img, .flx_textblock.bild-text .bild .editor, .flx_textblock.text-bild .bild .editor{max-width: 75%;} .flx_textblock.bild-text .text, .flx_textblock.text-bild .text, .flx_textblock.text-bild .bild, .flx_textblock.bild-text .bild{order: unset;} .flx_textblock.stichpunkte .text div ul{flex: 0 0 70%;} .flx_headerblock.text-bild3d .content{padding-bottom: 0;} .flx_textblock.textvstext .content{flex: 0 0 40%;} .flx_textblock.textvstext .row{justify-content: space-between;} .flx_textblock.textvstext .vs{flex: 0 0 1px;transform: rotate(23.5deg);margin: unset;} .flx_zitat.dunkel .headlinebox, .flx_zitat.dunkel .zitat, .flx_zitat.dunkel .mitarbeiter, .flx_zitat.dunkel .bild{flex: 0 0 50%;} .flx_zitat.dunkel .headlinebox{order: 1;} .flx_zitat.dunkel .mitarbeiter{order: 2;display: flex;align-items: end;justify-content: end;} .flx_zitat.dunkel .zitat{order: 3;} .flx_zitat.dunkel .bild{order: 4;} .flx_zitat.dunkel .bild img{height: 250px;width: 250px;} .flx_jobs .swiper-pagination-bullets{bottom: 0!important;left: 0!important;text-align: left;} .flx_jobs .row.jobs{padding: 30px;position: unset;top: 0;} .flx_jobs.slider .content{flex: 0 0 50%;position: relative;padding: 150px 0 0 0;} .flx_jobs.slider .prime{position: absolute;top: 0;left: 0;bottom: 0;background-color: var(--prime);width: 50%;height: 100%;} .flx_jobs.slider .bild{position: absolute;top: 0;right: 0;bottom: 0;width: 50%;height: 100%;} .flx_jobs.slider .headline{font-size: 500%;font-weight: 700;line-height: .8;margin-bottom: 0!important;} .flx_jobs.liste .item{flex: 0 0 48%;} .flx_jobs.liste .swiper-slide.item{min-height: 150px;} .flx_teamzitat .swiper-slide{height: 600px;} .flx_teamzitat .swiper-slide .mitarbeiter, .flx_teamzitat .swiper-slide .zitat{flex: 0 0 50%;} .flx_teamzitat .zitat p{font-weight: 500;font-size: 100%;line-height: 1.4;} .flx_teamzitat .zitat .name{bottom: -7px;right: 20px;font-size: 450%;top: unset;left: unset;text-align: right;} .flx_teamzitat .swiper-pagination{bottom: 130px!important;left: 60px!important;} .flx_teamzitat .swiper-button-next{bottom: 115px;right: 30px;} .flx_teamzitat .swiper-slide .mitarbeiter, .flx_teamzitat .swiper-slide .zitat, .flx_teamzitat .mitarbeiter img{height: 100%;} .flx_benefits .benefit{flex: 0 0 33%;padding: 30px;} .flx_benefits .benefit:nth-child(odd){border-right: unset;} .flx_benefits .benefit:nth-child(3n - 1){border-right: 1px solid #E3E3E5;border-left: 1px solid #E3E3E5;} .flx_benefits .benefit:nth-last-child(-n+3){border-bottom: none;} .flx_bildergrid .link{grid-template-columns: repeat(2, 1fr);} .flx_bildergrid .link .griditem{grid-row: auto;} .flx_bildergrid .item .content{width: 100%;} .flx_bildergrid .editor{padding-bottom: 0;} .flx_bildergrid .editor{flex: 0 0 85%;} .flx_bildergrid .zitate {grid-template-columns: repeat(3, 31.5%);grid-template-rows: 290px 30px 20px 230px 10px 20px 280px 40px 60px 310px;} .flx_bildergrid .zitate .griditem:nth-child(odd){position: relative;top: unset;} .flx_bildergrid .zitate .griditem1 { grid-row: 1 / span 3;} .flx_bildergrid .zitate .griditem2 { grid-row: 1 / span 2;} .flx_bildergrid .zitate .griditem3 { grid-row: 1;} .flx_bildergrid .zitate .griditem4 { grid-row: 4 / span 2;} .flx_bildergrid .zitate .griditem5 { grid-row: 3 / span 4;} .flx_bildergrid .zitate .griditem6 { grid-row: 2 / span 3;} .flx_bildergrid .zitate .griditem7 { grid-row: 6 / span 3;} .flx_bildergrid .zitate .griditem8 { grid-row: 7 / span 3;} .flx_bildergrid .zitate .griditem9 { grid-row: 5 / span 3;} .flx_bildergrid .zitate .griditem10 { grid-row: 9 / span 2;} .flx_bildergrid .zitate .griditem11 { grid-row: 10;} .flx_bildergrid .zitate .griditem12 { grid-row: 8 / span 3;} .flx_bildergrid .zitate .item p{font-size: 100%;font-weight: 600;} .flx_bildergrid .item .content{padding: 10px;} .flx_bildergrid .zitate .item::before{top: 40px;} .flx_bildergrid .bilder-texte .griditem:nth-child(2n), .flx_bildergrid .bilder-texte .item{position: unset;top: unset;} .flx_bildergrid .bilder-texte {grid-template-columns: repeat(12, 1fr);grid-template-rows: 530px 160px repeat(3, 515px);grid-column-gap: 20px;grid-row-gap: 20px;} .flx_bildergrid .bilder-texte .griditem1{grid-column: 1 / span 7;grid-row: 1 / span 2;} .flx_bildergrid .bilder-texte .griditem2{grid-column: 8 / span 5;grid-row: 1;} .flx_bildergrid .bilder-texte .griditem3{grid-column: 1 / span 7;grid-row: 3;} .flx_bildergrid .bilder-texte .griditem4{grid-column: 8 / span 5;grid-row: 2 / span 2;} .flx_bildergrid .bilder-texte .griditem5{grid-column: 1 / span 4;grid-row: 4;} .flx_bildergrid .bilder-texte .griditem6{grid-column: 5 / span 8;grid-row: 4;} .flx_bildergrid .bilder-texte .griditem7{grid-column: 1 / span 6;grid-row: 5;} .flx_bildergrid .bilder-texte .griditem8{grid-column: 7 / span 6;grid-row: 5;} .flx_bildergrid .albers-cd .griditem7{grid-column: 2;grid-row: 4;height: unset;} .flx_bildergrid .albers-cd .griditem6{grid-column: 1;grid-row: 4;} #jobs-single .container.gross{top: 0px;} #jobs-single .noimg{margin-bottom: 0;} .flx_karriere_bildergrid .grid-container{grid-template-columns: repeat(10, 1fr);grid-template-rows: repeat(2, 200px);} .flx_karriere_bildergrid .griditem1{grid-column: 1 / span 3;grid-row: 1;} .flx_karriere_bildergrid .griditem2{grid-column: 4 / span 3;grid-row: 1;} .flx_karriere_bildergrid .griditem3{grid-column: 7 / span 4;grid-row: 1 / span 2;} .flx_karriere_bildergrid .griditem4{grid-column: 1 / span 6;grid-row: 2;} #jobs-single .wpcf7-submit{width: max-content;display: block;} .flx_karriere_ansprechperson{margin-bottom: 0!important;} .flx_team .geschaftsfuhrung{display: flex;align-items: center;align-items: flex-start;} .flx_team .geschaftsfuhrung .bild-container{flex: 35%;padding: 20px;} .flx_team .geschaftsfuhrung .infos{flex: 65%;opacity: 1;padding: 20px;} .flx_ansprechperson_moleco .ansprechpersonen{justify-content: space-around;} .flx_ansprechperson_moleco .ansprechpersonen *{font-size: 100%;} } /* ---------------------------// Large devices (desktops, 992px and up) -------------------*/ @media (min-width: 992px) { .inhaltsbloecke{margin-top: /*105px*/65px;} .flx_headerblock .gross{margin-top: 50px;} h1, h1.headline{font-size: 250%;} .headline{font-size: 200%;} #page-header .language{padding-bottom: 10px;} #page-header .menu-mobile.active{width: 30%;} .uacf7-multistep-form-wraper{padding-left: 0;} .modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item{height: 100%;} .modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item.first, .modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item.last, .modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:nth-child(3), .modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:nth-child(2){grid-column: auto;grid-row: auto;} .modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label{height: 100%;} .modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label{padding: 40px 20px;height: 100px;} .flx_headerblock{padding: 100px 0;} .flx_kachelblock{padding: 100px 0;} .flx_headerblock.text-bild3d .dreid{bottom: -80px;} .flx_headerblock.text-bild3d .dreid img{height: 400px;} .flx_headerblock .container.grossesbild{height: 500px;} .flx_kundenslider .normalslider{display:none;} .flx_kundenslider .responsiveslider{display:block;} .online-markting .flx_headerblock.text-hg .hg{bottom: -70px;} .flx_galerieblock .swiper-wrapper{grid-template-columns:220px 220px 210px 230px 240px;grid-template-rows:130px 130px 130px 130px 130px 130px 130px;grid-gap: 10px;} .flx_textblock.text-logos .row:nth-child(2){justify-content: space-between;} .flx_textblock.text-logos .text{flex: 0 0 35%;} .flx_textblock.text-logos .logos{flex: 0 0 60%;} .flx_textblock.text-bild .bild img, .flx_textblock.bild-text .bild img, .flx_textblock.bild-text .bild .editor, .flx_textblock.text-bild .bild .editor{max-width: 300px;} .flx_textblock.stichpunkte .text div ul{flex: 0 0 60%;} .flx_kontaktblock .grid-container{grid-template-columns: repeat(3, 33%);} .flx_kontaktblock .ansprechpartner{grid-column: 1;grid-row: 1;} .flx_kontaktblock .kontakt{grid-column: 2;grid-row: 1;} .flx_kontaktblock .content{grid-column: 1;grid-row: 2;} .flx_kontaktblock .editor{grid-column: 1 / span 2;grid-row: 3;} .flx_kontaktblock .formular{grid-column: 1 / span 3;grid-row: 4;} .flx_kachelblock .responsive{display: none;} .flx_kachelblock .statisch{display: flex;justify-content: center;} .flx_kachelblock .statisch{gap: 1rem;} .flx_kachelblock.sechs-ohg .statisch{gap: unset;} .flx_kachelblock .swiper-wrapper{justify-content: space-between;padding-bottom: 0;} .flx_kachelblock .kachel{flex: 0 0 32%;} .flx_kachelblock .kachel .item{padding: 10px;} .flx_kachelblock.sechs-ohg .swiper-wrapper{justify-content: space-around;flex-wrap: wrap;} .flx_kachelblock.sechs-ohg .kachel{min-height: 380px;flex: 0 0 33.333%;padding: 30px;} .flx_kachelblock.sechs-ohg .kachel:nth-child(3), .flx_kachelblock.sechs-ohg .kachel:nth-child(1), .flx_kachelblock.sechs-ohg .kachel:nth-child(2){border-bottom: 1px solid #E3E3E5;padding-top: 0;} .flx_kachelblock.sechs-ohg .kachel:nth-child(1), .flx_kachelblock.sechs-ohg .kachel:nth-child(2), .flx_kachelblock.sechs-ohg .kachel:nth-child(4), .flx_kachelblock.sechs-ohg .kachel:nth-child(5){border-right: 1px solid #E3E3E5;} .flx_kachelblock.sechs-ohg .kachel:nth-child(4), .flx_kachelblock.sechs-ohg .kachel:nth-child(5), .flx_kachelblock.sechs-ohg .kachel:nth-child(6){padding-bottom: 0;} .flx_benefits .benefit{flex: 0 0 24%;} .flx_benefits .benefit:nth-child(3n - 1){border-right: none;border-left: none;} .flx_benefits .benefit:nth-child(4n - 1), .flx_benefits .benefit:nth-child(4n - 2), .flx_benefits .benefit:nth-child(4n - 3){border-right: 1px solid #E3E3E5;} .flx_benefits .benefit:nth-last-child(-n+4){border-bottom: none;} */ .flx_accordionblock.video .row{padding-left:30%;} .flx_accordionblock .accordion{flex: 0 0 35%} .flx_accordionblock .grafisches_element.right{display: unset;position: absolute;top: 250px;width: 40%;} .flx_accordionblock .grafisches_element.right img{width: 100%;} .flx_accordionblock .grafisches_element.left{display: unset;position: absolute;top: 80px;width: 25%;} .flx_accordionblock .grafisches_element.left img{width: 100%;} .flx_accordionblock .row.left{margin-left: 300px;} .flx_videoblock.video-text .video{flex: 0 0 50%;order: unset;} .flx_videoblock.video-text .content{flex: 0 0 50%;order: unset;} .flx_wertegrid .wert{padding-right: 100px;} .flx_referenzblock .referenz{grid-template-columns: 25% 40% 15% 20%;grid-template-rows: auto;} .flx_referenzblock .referenz .logo{grid-column: 3;width: 100%;height: auto;} .flx_referenzblock .referenz .logo img{padding: 10px 30px;max-width: 80%;} .flx_referenzblock .referenz .bewertung{grid-column: 2;} .flx_referenzblock .referenz .bewertung img{margin-right: 15px;} .flx_referenzblock .referenz .personenbild{grid-column: 1;grid-row: 1 / span 3;padding-right: 20px;} .flx_referenzblock .referenz .stimme{grid-column: 2 / span 2;grid-row: 2;} .flx_referenzblock .referenz .person{grid-column: 3;grid-row: 3;} .flx_referenzblock .referenz .person .topline{text-align: right;} .flx_referenzgrid.digitaldrei .grid-container{grid-gap: 0;grid-template-columns: 10% 10% 10% 10% 10% 20% 10% 10% 10%;grid-template-rows: 390px 90px 210px 240px 80px 0px 450px;} .flx_referenzgrid.digitaldrei .griditem1{grid-column: 1 / span 3;grid-row: 1;} .flx_referenzgrid.digitaldrei .griditem2{grid-column: 6 / span 4;grid-row: 1 / span 2;} .flx_referenzgrid.digitaldrei .griditem3{grid-column: 1 / span 2;grid-row: 3 / span 3;} .flx_referenzgrid.digitaldrei .griditem4{grid-column: 4 / span 3;grid-row: 3 / span 2;} .flx_referenzgrid.digitaldrei .griditem5{grid-column: 2 / span 3;grid-row: 7;} .flx_referenzgrid.digitaldrei .griditem6{grid-column: 6;grid-row: 6 / span 2;} .flx_referenzgrid.digitaldrei .griditem7{grid-column: 7 / span 2;grid-row: 6 / span 2;} .flx_referenzgrid.digitaldrei .griditem2::after{bottom: 0px;filter: blur(60px);} .flx_referenzgrid .swiper-button-next{top: 50%;right: 0;bottom: unset;} .flx_referenzgrid .referenzenslider{width: 90%;margin-left: 0;padding-right: 50px;} .flx_referenzgrid.digitaldrei .griditem3, .flx_referenzgrid.digitaldrei .griditem6, .flx_referenzgrid.digitaldrei .griditem7{display: block;} .flx_referenzgrid.digitaldrei .griditem3 img, .flx_referenzgrid.digitaldrei .griditem6 img, .flx_referenzgrid.digitaldrei .griditem7 img{height: unset;} .flx_referenzgrid.print .grid-container{grid-template-rows: 350px 50px 220px 100px 140px;} .flx_slider .parallax-layer{top: calc(80px + (calc(40px * var(--nth-child))));} .flx_slider .parallax-layer img { height: 770px; } .flx_steps .tab-content{flex: 0 0 60%;} .flx_steps .nav-tabs .nav-item{flex: 0 0 18%;height: 100px;} .flx_steps .nav-tabs .nav-item .nav-link{padding: 0 20px 0;} .flx_steps .nav-tabs .nav-item .nav-link .topline{left: 0;} .flx_steps .nav-tabs .nav-item .nav-link p{font-size: 100%;left: 0;} .flx_steps .nav-tabs .nav-item .nav-link::before, .flx_steps .nav-tabs .nav-item .nav-link::after{display: none;} .flx_steps .nav-tabs .nav-item .nav-link.active::after{display: block;content: '';-webkit-transform: rotate(90deg);border-style: solid;border-width: 25px 0px 25px 25px;border-color: transparent transparent transparent var(--white);position: absolute;top: unset;bottom: -36px;right: unset;left: 40px;} .flx_steps .tab-content{flex: 0 0 100%;} .flx_steps .tab-content .tab-pane{padding: 50px 20px 0;} .flx_steps .tab-content .tab-pane button br{display: block;} .flx_steps .accordion-collapse{background-color: transparent;padding: unset;} .flx_steps .tab-pane{display: none!important;} .flx_steps .tab-pane.active{display: block!important;} .flx_steps .content{display: flex;} .flx_steps .stepcontentheadline{flex: 0 0 40%;font-size: 180%;line-height: 1.3;padding-right: 30px;} .flx_steps .accordion-body .editor p{padding-top: 10px;} .flx_tabelle .shop table{width: 75%;} .flx_zitat.hell .mitarbeiter .bild img{width: 300px;} .flx_teamzitat .swiper-slide .zitat{padding: 80px;} .flx_teamzitat .swiper-pagination{left: 110px!important;} .flx_bildergrid .bilder-texte .griditem1{grid-column: 2 / span 6;grid-row: 1 / span 2;} .flx_bildergrid .bilder-texte .griditem2{grid-column: 8 / span 4;grid-row: 1;} .flx_bildergrid .bilder-texte .griditem3{grid-column: 2 / span 6;grid-row: 3;} .flx_bildergrid .bilder-texte .griditem4{grid-column: 8 / span 4;grid-row: 2 / span 2;} .flx_bildergrid .bilder-texte .griditem5{grid-column: 2 / span 3;grid-row: 4;} .flx_bildergrid .bilder-texte .griditem6{grid-column: 5 / span 7;grid-row: 4;} .flx_bildergrid .bilder-texte .griditem7{grid-column: 2 / span 5;grid-row: 5;} .flx_bildergrid .bilder-texte .griditem8{grid-column: 7 / span 5;grid-row: 5;} .flx_bildergrid .schroeder{grid-template-columns: repeat(10, 1fr);grid-template-rows: 85px 420px 360px;padding: 25px 0 150px;} .flx_bildergrid .schroeder .item .content{width: 70%;} .flx_bildergrid .schroeder .griditem1{grid-column: 8 / span 3;grid-row: 1;} .flx_bildergrid .schroeder .griditem2{grid-column: 1 / span 4;grid-row: 2;} .flx_bildergrid .schroeder .griditem3{grid-column: 1 / span 4;grid-row: 3;} .flx_bildergrid .schroeder .griditem4{grid-column: 5 / span 6;grid-row: 2 / span 2;} .flx_bildergrid .albers-cd {grid-template-columns: repeat(10, 1fr);grid-template-rows: repeat(auto, 515px)} .flx_bildergrid .albers-cd .griditem1{grid-column: 1;grid-row: 1;} .flx_bildergrid .albers-cd .griditem2{grid-column: 1 / span 5;grid-row: 2;} .flx_bildergrid .albers-cd .griditem3{grid-column: 6 / span 5;grid-row: 2;} .flx_bildergrid .albers-cd .griditem4{grid-column: 1 / span 3;grid-row: 3;} .flx_bildergrid .albers-cd .griditem5{grid-column: 4 / span 3;grid-row: 3;} .flx_bildergrid .albers-cd .griditem6{grid-column: 7 / span 4;grid-row: 3;} .flx_bildergrid .albers-cd .griditem7{grid-column: 1 / span 3;grid-row: 4;} .flx_bildergrid .albers-cd .griditem8{grid-column: 4 / span 7;grid-row: 4;} .flx_bildergrid .albers-cd .swiper{height: 100%;} .flx_bildergrid .albers-cd .griditem9{grid-column: 1 / span 5;grid-row: 5;} .flx_bildergrid .albers-cd .griditem10{grid-column: 6 / span 5;grid-row: 5;} .flx_bildergrid .albers-cd .griditem11{grid-column: 1 / span 6;grid-row: 6;} .flx_bildergrid .albers-cd .griditem12{grid-column: 7 / span 4;grid-row: 6;} .flx_bildergrid .albers-cd .griditem13{grid-column: 1 / span 3;grid-row: 7;} .flx_bildergrid .albers-cd .griditem14{grid-column: 4 / span 4;grid-row: 7;} .flx_bildergrid .albers-cd .griditem15{grid-column: 8 / span 3;grid-row: 7;} .flx_bildergrid .albers-cd .griditem16{grid-column: 1 / span 3;grid-row: 8;} .flx_bildergrid .albers-cd .griditem17{grid-column: 4 / span 7;grid-row: 8;} .flx_bildergrid .albers-azubi {grid-template-columns: repeat(12, 1fr);grid-template-rows: 515px 230px 600px;} .flx_bildergrid .albers-azubi .item .content{width: 100%;} .flx_bildergrid .albers-azubi .griditem1{grid-column: 12;grid-row:2;text-combine-upright: initial;transform: rotate(180deg);white-space: nowrap;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-tb;writing-mode: vertical-rl;} .flx_bildergrid .albers-azubi .griditem2{grid-column: 2 / span 4;grid-row: 1 / span 2;} .flx_bildergrid .albers-azubi .griditem3{grid-column: 6 / span 6;grid-row: 1;} .flx_bildergrid .albers-azubi .griditem4{grid-column: 2 / span 4;grid-row: 3;} .flx_bildergrid .albers-azubi .griditem5{grid-column: 6 / span 6;grid-row: 2 / span 2;} .flx_bildergrid .albers-content{grid-template-columns: repeat(12, 7.12%);grid-template-rows: 515px 330px 330px 515px;} .flx_bildergrid .albers-content .griditem1{grid-column: 1;grid-row: 4;text-combine-upright: initial;transform: rotate(180deg);white-space: nowrap;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-tb;writing-mode: vertical-rl;padding-right: 20px;} .flx_bildergrid .albers-content .griditem2{grid-column: 2 / span 6;grid-row: 1;} .flx_bildergrid .albers-content .griditem3{grid-column: 8 / span 4;grid-row: 1;} .flx_bildergrid .albers-content .griditem4{grid-column: 2 / span 3;grid-row: 2;} .flx_bildergrid .albers-content .griditem5{grid-column: 2 / span 3;grid-row: 3;} .flx_bildergrid .albers-content .griditem7{grid-column: 8 / span 4;grid-row: 2 / span 2;} .flx_bildergrid .albers-content .griditem6{grid-column: 5 / span 3;grid-row: 2 / span 2;} .flx_bildergrid .albers-content .griditem8{grid-column: 2 / span 6;grid-row: 4;} .flx_bildergrid .albers-content .griditem9{grid-column: 8 / span 4;grid-row: 4;} .flx_referenzgrid.digitalzwei .grid-container{display: grid;grid-template-columns: repeat(12, 1fr);} .flx_referenzgrid.digitalzwei .griditem1{grid-column: 1 / span 5;} .flx_referenzgrid.digitalzwei .griditem2{grid-column: 6 / span 7;} .flx_referenzgrid.digitalzwei .griditem3{grid-column: 1 / span 2;} .flx_referenzgrid.digitalzwei .griditem4{grid-column: 3 / span 2;} .flx_referenzgrid.digitalzwei .griditem5{grid-column: 5 / span 2;} .flx_referenzgrid.digitalzwei .griditem6{grid-column: 8 / span 5;margin: auto;} .flx_bildergrid .zitate .item p{font-size: 120%;font-weight: 700;} .flx_bildergrid .item .content{padding: 30px 0;} .flx_kundengrid.block .kunden{grid-template-rows: repeat(auto-fill, 70px);grid-gap: 40px;} #jobs-single div[class^="flx_"], div[class*="flx_"]{top: -50px;} #jobs-single .text{flex: 0 0 50%;} #jobs-single .bild{flex: 0 0 50%;text-align: unset;} #jobs-single .bild img{width: 100%;height: max-content;border-top-left-radius: 0;} #jobs-single .start, #jobs-single .anstellung{padding-left: 50px;width: max-content;font-size: 120%;display: unset;} #jobs-single .start::before{width:40px;} #jobs-single .anstellung::before{width:40px;} /*Team */ .flx_team .person .greyfilter{position: absolute;content: '';background: rgba(22,22,22,0);top: 0;bottom: 0;right: 0;left: 0;width: 100%;z-index: 1;transition: all ease .3s;} .flx_team .person:hover .greyfilter{background: rgba(22,22,22,.5);transition: all ease .3s;} .flx_team .person .infos{opacity: 0;bottom: 15px;left: 15px;} .flx_team .teamname{font-weight: 700;font-size: 300%;line-height: 1;} .flx_team .team .grid-container{display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: auto;grid-column-gap: 15px;grid-row-gap: 15px;padding: 30px;} .flx_team .team .teamname{grid-column: 1 / span 4;grid-row: 1;text-align: start;margin-bottom: 30px;} .flx_team .team .aufgaben1{grid-column: 1;grid-row: 2;text-align: end;} .flx_team .team .aufgaben2{grid-column: 3;grid-row: 3;text-align: start;} .flx_team .geschaftsfuhrung{align-items: unset;} .flx_team .geschaftsfuhrung .infos{opacity: 1;} .flx_team .geschaftsfuhrung .highlight::after{top: -30px;} .flx_videoblock.video-text .video .scroll{grid-template-columns: repeat(3, 1fr);} .flx_videoblock.video-text .video .scroll .item-1{grid-column: 1;grid-row: 3 / span 3;} .flx_videoblock.video-text .video .scroll .item-2{grid-column: 2;grid-row: 2 / span 3;} .flx_videoblock.video-text .video .scroll .item-3{grid-column: 3;grid-row: 1 / span 3;} .flx_videoblock.video-text .video .scroll .item-4{grid-column: 1;grid-row: 6 / span 3;} .flx_videoblock.video-text .video .scroll .item-5{grid-column: 2;grid-row: 5 / span 3;} .flx_videoblock.video-text .video .scroll .item-6{grid-column: 3;grid-row: 4 / span 3;} .flx_videoblock.video-text .video .scroll .item-7{grid-column: 1;grid-row: 9 / span 3;} .flx_videoblock.video-text .video .scroll .item-8{grid-column: 2;grid-row: 8 / span 3;} .flx_videoblock.video-text .video .scroll .item-9{grid-column: 3;grid-row: 7 / span 3;} .flx_videoblock.video-text .video .scroll .item-10{grid-column: 1;grid-row: 12 / span 3;} .flx_videoblock.video-text .video .scroll .item-11{grid-column: 2;grid-row: 11 / span 3;} .flx_videoblock.video-text .video .scroll .item-12{grid-column: 3;grid-row: 10 / span 3;} .flx_videoblock.video-text .video .scroll .item-13{grid-column: 1;grid-row: 15 / span 3;} .flx_videoblock.video-text .video .scroll .item-14{grid-column: 2;grid-row: 14 / span 3;} .flx_videoblock.video-text .video .scroll .item-15{grid-column: 3;grid-row: 13 / span 3;} .flx_videoblock.video-text .video .scroll .item-16{grid-column: 1;grid-row: 18 / span 3;} .flx_videoblock.video-text .video .scroll .item-17{grid-column: 2;grid-row: 17 / span 3;} .flx_videoblock.video-text .video .scroll .item-18{grid-column: 3;grid-row: 16 / span 3;} .flx_videoblock.video-text .video .scroll .item-19{grid-column: 1;grid-row: 20 / span 3;} .flx_videoblock.video-text .video .scroll .item-20{grid-column: 2;grid-row: 19 / span 3;} .flx_ansprechperson_moleco{padding-top: 100px;padding-bottom: 40px;} .flx_ansprechperson_moleco .ansprechpersonen{justify-content: space-between;} .kontakt .flx_kontaktblock .kontakt{display: none;} .flx_timeline .container{display: flex;flex-wrap: wrap;} .flx_timeline .date{font-size: 1000%;color: var(--black);transition: all ease .3s;opacity: 1;} .flx_timeline .daten{width: 100%;display: flex;flex-wrap: unset;margin-bottom: 0;} .flx_timeline .daten:hover .date{color: var(--bg);transition: all ease .3s;opacity: .8;} .flx_timeline .date-details img{height: 200px;object-fit: cover;width: 100%;height: max-content;flex: 0 0 50%;margin-bottom: 0;} .flx_timeline .content{display: flex;align-items: center;flex-wrap: wrap;} .flx_timeline .content .editor{flex: 0 0 100%;margin-left: 30px;} .flx_timeline .time-left{position: relative;height: 100%;color: #fff;padding:40px 30px;text-align: right;flex: 1 0 50%;border-right: 2px solid var(--black);} .flx_timeline .date{width: 100%;padding-right: 0px;} .flx_timeline .time-left .content{justify-content: end;} .flx_timeline .time-left .content .editor *{text-align: left;} .flx_timeline .time-left .content img{order: 2;margin: 0 10px 0 50px;object;} .flx_timeline .time-left .topline::before{position: absolute;content: '';width: 20px;height: 4px;background-color: var(--black);right: -30px;top: 10px;} .flx_timeline .time-right {position: relative;height: max-content;color: #fff;padding: 10px 0px 0px 30px;text-align: left;flex: 1 0 50%;} .flx_timeline .time-right .date{width: 100%;padding-left: 0px;} .flx_timeline .time-right .content img{margin: 0 50px 0 10px;} .flx_timeline .time-right .topline::before{position: absolute;content: '';width: 20px;height: 4px;background-color: var(--black);left: -30px;top: 10px;} .flx_timeline #logo{display: flex;justify-content: center;width: 100%;} .flx_timeline .daten:nth-child(even) .time-right{order: unset;flex: unset;margin-bottom: 0;flex: 0 0 50%;} .flx_timeline .daten:nth-child(2n-1) .time-left{margin-bottom: 0;flex: 0 0 50%;} .flx_timeline .daten:nth-child(even) .time-left{order: unset;flex: unset;flex: 0 0 50%;} .flx_timeline .daten:nth-child(2n-1) .time-right{border-left: none;opacity: .8;padding-left: 0;flex: 0 0 45%;} .flx_timeline .daten:nth-child(2n) .time-left{border-left: 0;opacity: .8;padding-left: 40px;flex: 0 0 50%;} .flx_anfahrt{padding-top: 30px;} .flx_anfahrt .grid-container{grid-template-columns: 60% 40%;display: grid;align-items: center;} .flx_anfahrt .grid-container .bild{grid-column: 1;margin-top: 0;grid-row: 1;} .flx_anfahrt .grid-container .text{grid-column: 2;padding: 0 50px;grid-row: 1;} .flx_anfahrt .grid-container .text h2{padding-bottom: 30px!important;} .flx_anfahrt .grid-container .text a{margin-bottom: 0px!important;} .flx_anfahrt .grid-container .text p{margin-bottom: 0.3rem!important;} .flx_teamzitat .zitat p{font-weight: 600;} } /* ---------------------------// X-Large devices (large desktops, 1200px and up) -------------------*/ @media (min-width: 1200px) { .btn.trans{margin: 15px;} #page-header .menuburgerbutton{display: none;} #page-header .nav .menu-menu-container{display: block;} #page-header .menu-mobile.active{display: none;} #page-header .navigation .menu{display: flex;} .wpml-ls-legacy-list-horizontal{padding: 0 20px;} .modal-dialog{max-width: 80%;} .flx_headerblock .follow{display: flex;flex: 0 0 10%;justify-content: start;} .flx_headerblock.text-slider .media{flex: 0 0 45%;} .flx_headerblock .media{flex: 0 0 45%} .flx_headerblock .content{flex: 0 0 45%} .flx_headerblock.text-hg .hg{bottom: -60px;} .flx_headerblock.vollflaechig .media .bild img{width: 40%;} .flx_headerblock.text-video .media{flex: 0 0 60%;} .flx_headerblock .container.grossesbild{height: 76dvh;} .online-markting .flx_headerblock.text-hg .hg{right: -50px;} .flx_headerblock.text-bild3d .dreid img{height: 420px;} .flx_headerblock.text-bild3d .dreid{left: unset;} .flx_textblock.text-infos .text, .flx_textblock.text-infos .infos{flex: 0 0 50%;} .flx_textblock.text-infos .btn.trans{margin: 30px 0px 0px!important;} .flx_textblock.text-infos .editor{margin-bottom: 0;} .flx_textblock.headline-text .headline{flex: 0 0 20%;} .flx_textblock.headline-text .headline br{display: block;} .flx_textblock.headline-text .editor{flex: 0 0 80%;} .flx_textblock.text-logos .logos .item{padding: 30px;} .flx_galerieblock .swiper-wrapper{grid-template-columns: 580px 400px 300px 400px 660px;grid-template-rows: 80px 220px 220px 80px 200px 200px 70px;grid-gap: 20px;} .flx_kachelblock.sechs-ohg .kachel{min-height: 310px;} .flx_kachelblock .editor p{margin-bottom: 0;} .flx_kachelblock .headline{margin-bottom: 0;} .flx_kachelblock .cta{margin: 90px 0 50px;} .flx_kundenslider .headline{font-size: 210%;} .flx_accordionblock .content .editor{width: 70%;} .flx_accordionblock .grafisches_element.left img{width: 88%;} .flx_beneftis .benefit{min-height: 340px;} .flx_kontaktblock .grid-container{flex: 0 0 100%;grid-template-columns: 25% 45% 3% 27%;grid-template-rows: auto;} .flx_kontaktblock .grid-container .content{grid-column: 1;grid-row: 2;} .flx_kontaktblock .grid-container .editor{grid-column: 2;grid-row: 2;display: flex;align-items: end;padding-left: 30px;} .flx_kontaktblock .grid-container .formular{grid-column: 1 / span 2;grid-row: 3 / span 3;} .flx_kontaktblock .grid-container .ansprechpartner{grid-column: 4;grid-row: 2 / span 2;} .flx_kontaktblock .grid-container .ansprechpartner img{margin-top: 50px;} .flx_kontaktblock .grid-container .kontakt{grid-column: 4;grid-row: 4;} .kontakt .flx_kontaktblock .follow .mr{display: block;} .kontakt .flx_kontaktblock .grid-container{flex: 0 0 93%;} .flx_steps .stepcontentheadline{font-size: 230%;} .flx_zitat.dunkel .zitat{margin-bottom: unset;flex: unset;order: unset;} .flx_zitat.dunkel{padding: 150px 0 50px;} .flx_zitat.dunkel h2{padding-bottom: 0;} .flx_zitat.dunkel .row{padding: 50px;border-bottom-right-radius: 200px; border-top-right-radius:200px;align-items: end;margin-right: 50px;} .flx_zitat.dunkel .bild img{position: absolute;width: 300px;height: 300px;top: -5%;right: 1%;} .flx_zitat.dunkel .mitarbeiter{order: unset;flex: unset;display: unset;padding-right: 2%;} .flx_zitat.dunkel .bild{display: unset;flex: unset;order: unset;} .flx_zitat.dunkel .headlinebox{flex:unset;order: unset;} .flx_jobs.slider .headline{font-weight: 700;line-height: .8;margin-bottom: 0!important;} .flx_werteslider .headline{flex: 0 0 25%;} .flx_werteslider .swiper{flex: 0 0 75%;padding: 0 0 40px 0;} .flx_teamzitat .swiper-slide .zitat{padding: 110px;} .flx_teamzitat .zitat p{font-weight: 800;line-height: 1.8;font-size: 110%;} .flx_teamzitat .swiper-pagination{left: 140px!important;} .flx_bildergrid .zitate {grid-template-columns: repeat(3, 32%);grid-template-rows: 430px 130px 120px 300px 120px 130px 370px 50px 70px 500px;} .flx_bildergrid .zitate .item p{font-size: 210%;line-height: 1.4;} .flx_bildergrid .schroeder{grid-template-rows: 85px 560px 515px;padding: 25px 0 150px;} .flx_bildergrid .schroeder .griditem1{grid-column: 9 / span 2;grid-row: 1;} .flx_bildergrid .link{grid-template-columns: repeat(12, 1fr);grid-template-rows: repeat(auto-fill, 450px);} .flx_bildergrid .link .griditem1 { grid-area: 1 / 1 / 2 / 7; } .flx_bildergrid .link .griditem2 { grid-area: 1 / 7 / 2 / 13; } .flx_bildergrid .link .griditem3 { grid-area: 2 / 1 / 3 / 5; } .flx_bildergrid .link .griditem4 { grid-area: 2 / 5 / 3 / 9; } .flx_bildergrid .link .griditem5 { grid-area: 2 / 9 / 3 / 13; } .flx_bildergrid .link .griditem6 { grid-area: 3 / 1 / 4 / 5; } .flx_bildergrid .link .griditem7 { grid-area: 3 / 5 / 4 / 13; } .flx_bildergrid .link .griditem8 { grid-area: 4 / 1 / 5 / 7; } .flx_bildergrid .link .griditem9 { grid-area: 4 / 7 / 5 / 13; } .flx_bildergrid .link .griditem10 { grid-area: 5 / 1 / 6 / 9; } .flx_bildergrid .link .griditem11 { grid-area: 5 / 9 / 6 / 13; } .flx_bildergrid .link .griditem12 { grid-area: 6 / 1 / 7 / 7; } .flx_bildergrid .link .griditem13 { grid-area: 6 / 7 / 7 / 13; } .flx_referenzgrid.digitaldrei .grid-container{grid-template-rows: 320px 180px 300px 240px 80px 150px 450px;} .flx_referenzgrid.digitaldrei .griditem4{grid-row: 4;} .flx_referenzgrid.print .grid-container{grid-template-rows: 410px 90px 250px 80px 150px;} #jobs-single{margin-top: 150px;} #jobs-single .noimg{margin: 200px 0 90px;} #jobs-single .text .editor{width: 90%;} .flx_karriere_ansprechperson .ansprechpartner img{height: 400px;width: 400px;} #jobs-single .headercontent{bottom: 190px;} #jobs-single .container.gross{top: -130px;} .flx_karriere_bildergrid .grid-container{grid-template-rows: repeat(2, 300px);} #jobs-single .noimg{margin: 40px 0 90px;} .flx_team .geschaftsfuhrung{padding-top: 0;} .flx_team .geschaftsfuhrung .bild-container{padding: 0;} .flx_team .geschaftsfuhrung .infos{padding: 30px 30px 30px 0;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner{display: flex;align-items: center;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner{text-align: left;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner .kontaktieren{justify-content: flex-start;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner img{margin-right: 20px;max-width: 200px;height: 200px;object-fit: cover;} .flx_anfahrt .grid-container .text{padding: 0 70px;} .flx_anfahrt .grid-container .text h2{padding-bottom: 50px!important;} .flx_anfahrt .grid-container .text a{margin-bottom: 0px!important;} .flx_anfahrt .grid-container .text p{margin-bottom: 1rem!important;} .flx_teamzitat .zitat p{font-weight: 700;line-height: 1.5;} } /* ---------------------------// XX-Large devices (larger desktops, 1400px and up) -------------------*/ @media (min-width: 1400px) { .modal-dialog{max-width: 70%;} /* #page-footer .menu{flex: 0 0 35%;} #page-footer .social{flex: 0 0 30%;} */ #page-footer .unten > div{flex: 0 0 33%} #page-footer .copyright{text-align: center;} .flx_headerblock.text-hg .hg{bottom: -110px;} .flx_googlebewertungen .durchschnitt{top: 10px;right: 100px;} .flx_accordionblock .grafisches_element.right{top: 150px;} .flx_accordionblock .grafisches_element.left{top: 50px;} .flx_accordionblock .row.left{margin-left: 450px;} .flx_accordionblock .grafisches_element.left img{width: 100%;} .flx_textblock.stichpunkte .bild img{position: absolute;right: 0;height: 550px;} .flx_benefits .benefit{min-height: 290px;} .flx_steps .nav-tabs .nav-item{flex: 0 0 16%;height: 150px} .flx_steps .justify-content-around{justify-content: space-between!important;} .flx_steps .nav-tabs .nav-item .nav-link .topline{left: 60px;} .flx_steps .nav-tabs .nav-item .nav-link p{font-size: 125%;left: 60px;} .flx_steps .nav-tabs .nav-item:first-child .nav-link p, .flx_steps .nav-tabs .nav-item:first-child .nav-link .topline{left: 0px} .flx_steps .nav-tabs .nav-item .nav-link::before{display: block;content: '';width: 0px;height: 0px;-webkit-transform: rotate(360deg);border-style: solid;border-width: 75px 0px 75px 65px;border-color: transparent transparent transparent var(--bg);position: absolute;top: 0;bottom: 0;left: -1px;transition: all .15s ease-in-out;} .flx_steps .nav-tabs .nav-item:first-child .nav-link::before{display: none;} .flx_steps .nav-tabs .nav-item .nav-link::after{display: block;content: '';width: 0px;height: 0px;-webkit-transform: rotate(360deg);border-style: solid;border-width: 75px 0px 75px 65px;border-color: transparent transparent transparent #E3E3E5;position: absolute;top: 0;bottom: 0;right: -65px;transition: all .15s ease-in-out;} .flx_steps .nav-tabs .nav-item .nav-link:hover::after{border-color: transparent transparent transparent var(--white);transition: all .15s ease-in-out;} .flx_steps .nav-tabs .nav-item .nav-link.active::after{content: '';width: 0px;height: 0px;-webkit-transform: rotate(360deg);border-style: solid;border-width: 75px 0px 75px 65px;border-color: transparent transparent transparent var(--white);position: absolute;left: unset;top: 0;bottom: unset;right: -65px;} .flx_steps .nav-tabs .nav-item:last-child .nav-link::after{display: none;} .flx_teamzitat .swiper-slide .zitat{padding: 150px;} .flx_teamzitat .swiper-pagination{left: 180px!important;bottom: 90px!important;} .flx_teamzitat .swiper-button-next{bottom: 80px;} .flx_teamzitat .swiper-button-next{bottom: 95px;} .flx_teamzitat .zitat::before{display:block;} .flx_teamzitat .zitat::after{display:block;} .flx_referenzgrid.digitaldrei .griditem2::after{bottom: -100px;filter: blur(60px);} .flx_referenzgrid .swiper-button-next{top: 70%;} .flx_referenzgrid.print .grid-container{grid-template-rows: 560px 90px 260px 39px 225px;} .flx_referenzgrid.print .griditem img{max-height: 100%;} .flx_referenzgrid.print .griditem1{grid-column: 2 / span 4;grid-row: 1;} .flx_referenzgrid.print .griditem2{grid-column: 7 / span 6;grid-row: 1;} .flx_referenzgrid.print .griditem3{grid-column: 1 / span 5;grid-row: 2 /span 2;} .flx_referenzgrid.print .griditem4{grid-column: 7 / span 4;grid-row: 2 / span 2;} .flx_referenzgrid.print .griditem5{grid-column: 11; grid-row: 2;} .flx_referenzgrid.print .griditem5 img{margin-right: 0;} .flx_referenzgrid.print .griditem6{grid-column: 3 / span 4;grid-row: 5;} .flx_referenzgrid.print .griditem7{grid-column: 8 / span 5;grid-row: 4 / span 2;} #jobs-single{margin-top: 190px;} #jobs-single .container.gross{top: -90px;} .flx_bildergrid .albers-cd {grid-template-columns: repeat(12, 7.12%);grid-template-rows: repeat(auto, 515px);} .flx_bildergrid .albers-cd .griditem1{grid-column: 1;grid-row: 1 / span 2;text-combine-upright: initial;transform: rotate(180deg);white-space: nowrap;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-tb;writing-mode: vertical-rl;} .flx_bildergrid .albers-cd .griditem2{grid-column: 2 / span 5;grid-row: 1;} .flx_bildergrid .albers-cd .griditem3{grid-column: 7 / span 5;grid-row: 1;} .flx_bildergrid .albers-cd .griditem4{grid-column: 2 / span 3;grid-row: 2;} .flx_bildergrid .albers-cd .griditem5{grid-column: 5 / span 3;grid-row: 2;} .flx_bildergrid .albers-cd .griditem6{grid-column: 8 / span 4;grid-row: 2;} .flx_bildergrid .albers-cd .griditem7{grid-column: 2 / span 3;grid-row: 3;} .flx_bildergrid .albers-cd .griditem8{grid-column: 5 / span 7;grid-row: 3;} .flx_bildergrid .albers-cd .griditem9{grid-column: 2 / span 5;grid-row: 4;} .flx_bildergrid .albers-cd .griditem10{grid-column: 7 / span 5;grid-row: 4;} .flx_bildergrid .albers-cd .griditem11{grid-column: 2 / span 6;grid-row: 5;} .flx_bildergrid .albers-cd .griditem12{grid-column: 8 / span 4;grid-row: 5;} .flx_bildergrid .albers-cd .griditem13{grid-column: 2 / span 3;grid-row: 6;} .flx_bildergrid .albers-cd .griditem14{grid-column: 5 / span 4;grid-row: 6;} .flx_bildergrid .albers-cd .griditem15{grid-column: 9 / span 3;grid-row: 6;} .flx_bildergrid .albers-cd .griditem16{grid-column: 2 / span 3;grid-row: 7;} .flx_bildergrid .albers-cd .griditem17{grid-column: 5 / span 7;grid-row: 7;} .flx_bildergrid .item .content{padding: 40px;} .flx_team .geschaftsfuhrung .bild-container{flex: 25%;} .flx_timeline .date-details img{height: 250px!important;width: auto!important;object-fit: cover;width: 100%;height: max-content;flex: 0 0 40%;} .flx_anfahrt{padding-top: 70px;} .flx_anfahrt .grid-container .text{padding: 100px;} } /* ---------------------------// XXX-Large devices (larger desktops, 1600px and up) -------------------*/ @media (min-width: 1600px) { .modal-dialog{max-width: 60%;} .flx_wertegrid .sideelement{position: absolute;left: -170px;transform: rotate(-90deg);top: 100px;} .flx_headerblock.text-bild3d .content{flex: 0 0 30%;} .flx_headerblock.text-bild3d .media{flex: 0 0 70%;} .flx_headerblock.text-bild3d .dreid{bottom: -90px;} .flx_headerblock.text-bild3d .dreid img{height: 630px;} .flx_headerblock .swiper-button-next{right: 150px;;} .online-markting .flx_headerblock.text-hg .hg{bottom: -100px;} .flx_accordionblock.video .container{position: relative;} .flx_accordionblock .grafisches_element.right{width: 490px;top: 20%;} .flx_accordionblock .grafisches_element.left{width: 450px;top: 0;} .flx_textblock.stichpunkte .bild img{height: 640px;} .flx_zitat.dunkel .zitat{padding-right: 150px;} .flx_zitat.dunkel .row{padding: 80px;} .flx_zitat.dunkel .bild img{width: 350px;height: 350px;top: -1.5%;} .flx_videoblock.video-text .content{flex: 0 0 40%;padding-right: 100px;} .flx_videoblock.video-text .video .scroll{grid-template-columns: repeat(4, 1fr);} .flx_videoblock.video-text .video .scroll .item-1{grid-column: 1;grid-row: 3 / span 3;} .flx_videoblock.video-text .video .scroll .item-2{grid-column: 2;grid-row: 2 / span 3;} .flx_videoblock.video-text .video .scroll .item-3{grid-column: 3;grid-row: 1 / span 3;} .flx_videoblock.video-text .video .scroll .item-4{grid-column: 4;grid-row: 3 / span 3;} .flx_videoblock.video-text .video .scroll .item-5{grid-column: 1;grid-row: 6 / span 3;} .flx_videoblock.video-text .video .scroll .item-6{grid-column: 2;grid-row: 5 / span 3;} .flx_videoblock.video-text .video .scroll .item-7{grid-column: 3;grid-row: 4 / span 3;} .flx_videoblock.video-text .video .scroll .item-8{grid-column: 4;grid-row: 6 / span 3;} .flx_videoblock.video-text .video .scroll .item-9{grid-column: 1;grid-row: 9 / span 3;} .flx_videoblock.video-text .video .scroll .item-10{grid-column: 2;grid-row: 8 / span 3;} .flx_videoblock.video-text .video .scroll .item-11{grid-column: 3;grid-row: 7 / span 3;} .flx_videoblock.video-text .video .scroll .item-12{grid-column: 4;grid-row: 9 / span 3;} .flx_videoblock.video-text .video .scroll .item-13{grid-column: 1;grid-row: 12 / span 3;} .flx_videoblock.video-text .video .scroll .item-14{grid-column: 2;grid-row: 11 / span 3;} .flx_videoblock.video-text .video .scroll .item-15{grid-column: 3;grid-row: 10 / span 3;} .flx_videoblock.video-text .video .scroll .item-16{grid-column: 4;grid-row: 12 / span 3;} .flx_videoblock.video-text .video .scroll .item-17{grid-column: 1;grid-row: 15 / span 3;} .flx_videoblock.video-text .video .scroll .item-18{grid-column: 2;grid-row: 14 / span 3;} .flx_videoblock.video-text .video .scroll .item-19{grid-column: 3;grid-row: 13 / span 3;} .flx_videoblock.video-text .video .scroll .item-20{grid-column: 4;grid-row: 15 / span 3;} .flx_teamzitat .swiper-slide .zitat{padding: 200px 160px;} .flx_teamzitat .swiper-slide{height: 700px;} .flx_teamzitat .swiper-pagination{left: 190px!important;} .flx_bildergrid .zitate {grid-template-columns: repeat(3, 33%);} .flx_referenzblock .referenz .reflink{grid-column: 2;justify-content: start;grid-row: 1;} .flx_referenzgrid.digitalzwei .griditem1{grid-column: 2 / span 3;} .flx_referenzgrid.digitaldrei .grid-container{grid-template-rows: 320px 180px 300px 240px 80px 150px 450px;} .flx_referenzgrid.print .grid-container{grid-template-rows: 640px 140px 330px 75px 215px;} .flx_referenzgrid.print .griditem5{grid-column: 12;grid-row: 3;} /*Team*/ .flx_team .teamname{text-combine-upright: initial;transform: rotate(180deg);white-space: nowrap;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-tb;writing-mode: vertical-rl;font-weight: 700;font-size: 300%;line-height: 1;} .flx_team .infos:not(.geschaftsfuhrung .infos){display: flex;} .flx_team .infos .position{margin-left: 5px;} /*Team Projektmanagement*/ .flx_team .team .grid-container{padding: 0 0 70px;} .flx_team .team1 .grid-container{grid-template-columns: repeat(14, 1fr);grid-template-rows: 250px 150px;grid-column-gap: 15px;grid-row-gap: 15px;} .flx_team .team1 .teamname{grid-column: 2;grid-row: 1 / span 2;text-align: end;margin: 0;} .flx_team .team1 .aufgaben{padding: 15px;} .flx_team .team1 .aufgaben1{display: none;} .flx_team .team1 .person1{grid-column: 3 / span 4;grid-row: 1 / span 2;} .flx_team .team1 .person2{grid-column: 7 / span 4;grid-row: 1 / span 2;} .flx_team .team1 .person3{grid-column: 11 / span 4;grid-row: 1 / span 2;} /*Team Content*/ .flx_team .team2 .grid-container{grid-template-columns: repeat(14, 1fr);grid-template-rows: repeat(3, 410px 170px);} .flx_team .team2 .teamname{grid-column: 13 / span 2;grid-row: 2;padding-top: 60px;display: flex;align-items: center;} .flx_team .team2 .aufgaben1{grid-column: 4 / span 3;grid-row: 3;text-align: end;} .flx_team .team2 .aufgaben2{grid-column: 1 / span 3;grid-row: 6;text-align: end;} .flx_team .team2 .person1{grid-column: 1 / span 4;grid-row: 1 / span 2;} .flx_team .team2 .person2{grid-column: 5 / span 4;grid-row: 1 / span 2;} .flx_team .team2 .person3{grid-column: 9 / span 4;grid-row: 1 / span 2;} .flx_team .team2 .person4{grid-column: 7 / span 4;grid-row: 3 / span 2;} .flx_team .team2 .person5{grid-column: 11 / span 4;grid-row: 3 / span 2;} .flx_team .team2 .person6{grid-column: 4 / span 4;grid-row: 5 / span 2;} .flx_team .team2 .person7{grid-column: 8 / span 4;grid-row: 5 / span 2;} /*Team Programmierung*/ .flx_team .team3 .grid-container{grid-template-columns: repeat(14, 1fr);grid-template-rows: repeat(3, 410px 170px);} .flx_team .team3 .teamname{grid-column: 5 / span 2;grid-row: 1 / span 2;padding-top: 30px;display: flex;align-items: center;} .flx_team .team3 .aufgaben1{grid-column: 12 / span 3;grid-row: 3;text-align: end;padding: 30px;} .flx_team .team3 .aufgaben2{grid-column: 9 / span 3;grid-row: 4;text-align: start;padding: 30px;} .flx_team .team3 .person1{grid-column: 7 / span 4;grid-row: 1 / span 2;} .flx_team .team3 .person2{grid-column: 11 / span 4;grid-row: 1 / span 2;} .flx_team .team3 .person3{grid-column: 1 / span 4;grid-row: 3 / span 2;} .flx_team .team3 .person4{grid-column: 5 / span 4;grid-row: 3 / span 2;} .flx_team .team3 .person5{grid-column: 3 / span 4;grid-row: 5 / span 2;} .flx_team .team3 .person6{grid-column: 7 / span 4;grid-row: 5 / span 2;} .flx_team .team3 .person7{grid-column: 11 / span 4;grid-row: 5 / span 2;} /*Team Backoffice*/ .flx_team .team4 .grid-container{grid-template-columns: repeat(14, 1fr);grid-template-rows: 410px 170px;} .flx_team .team4 .teamname{grid-column: 1 / span 2;grid-row: 1 / span 2;padding-top: 30px;display: flex;align-items: center;} .flx_team .team4 .aufgaben1{grid-column: 11 / span 4;grid-row: 1;text-align: start;padding: 30px;} .flx_team .team4 .person1{grid-column: 3 / span 4;grid-row: 1 / span 2;} .flx_team .team4 .person2{grid-column: 7 / span 4;grid-row: 1 / span 2;} /*Geschäftsführung*/ .flx_team .geschaftsfuhrung{align-items: center;} .flx_team .geschaftsfuhrung .bild-container .bild{width: 480px;} .flx_team .geschaftsfuhrung .infos{flex: 65%;padding: 100px;} .flx_team .geschaftsfuhrung .highlight{font-size: 260%;margin-bottom: 50px;display: block;line-height: 1;position: relative;} .flx_team .geschaftsfuhrung .highlight::after{width:120px;height:100px;top: -50px;right: 0px;} .flx_ansprechperson_moleco .ansprechpersonen{justify-content: unset;} .flx_ansprechperson_moleco .ansprechpersonen .ansprechpartner{flex: 0 0 33%} .flx_timeline .date-details img{height: auto!important;width: 100%!important;object-fit: cover;width: 100%;height: max-content;flex: 0 0 40%;} .flx_timeline .content .editor{flex: 0 0 60%;margin-left: 0;} .flx_timeline .time-left .content img{margin: 0;padding-left: 30px;} .flx_timeline .time-right .content img{margin: 0;padding: 0 30px;} .flx_timeline .topline::before{display: none;} .flx_timeline .daten:nth-child(2n-1) .time-right{padding-left: 35px;} .flx_kontaktblock .grid-container{grid-template-columns: 25% 45% 10% 20%;grid-template-rows: auto;} } /* ---------------------------// XXX-Large devices (larger desktops, 1920px and up) -------------------*/ @media (min-width: 1920px) { .modal-footer .wpcf7-form-control.wpcf7-checkbox{grid-template-columns: repeat(5, 1fr);} .referenzen .flx_headerblock .hg{width: 1248px;} .flx_accordionblock .row.right, .flx_accordionblock .row.left{position: relative;} .flx_accordionblock .row.left{margin-left: 0;padding-left: 450px;} .flx_accordionblock .grafisches_element.right{top: -110px;} .flx_accordionblock .grafisches_element.left{top: -300px;} .flx_accordionblock .grafisches_element.left img{width: 90%;} .flx_googlebewertungen .container{position: relative;} .flx_googlebewertungen .durchschnitt{right: 0;} .flx_wertegrid .wert{padding-right: 200px;margin-bottom: 30px;} .flx_wertegrid .wertname{font-size: 180%;} .flx_textblock.stichpunkte .bild img{position: relative;object-fit: contain;} .flx_zitat.dunkel .bild img{width: 400px;height: 400px;top: -8%;right: -40px;} .flx_headerblock.text-bild3d .container{position: relative;} .flx_headerblock.text-bild3d .dreid{bottom: -170px;right: -110px;} .flx_team .team .grid-container{grid-template-rows: 310px 240px;width: 1920px;margin: 0 auto;} .flx_team .geschaftsfuhrung{width: 1920px;margin: 0 auto;} .flx_teamzitat .zitat p{font-size: 130%;} } /* ---------------------------// Webkit: Chrome & Safari (IOS) -------------------*/ @media screen and (-webkit-min-device-pixel-ratio:0) { property: value; .flx_slider .parallax-layer img { max-height: 48.85vw; } }