/* ------ GLOBAL --------

Theme-Name: EXPO - Gewerbeschau 2026 Ochtrup
Author: MOLECO GmbH
Author URI: http://www.moleco.de
Description: MOLECO Theme - EXPO
Version: 1.0

-----------------------*/

.inhaltsbloecke{margin-top:100px;overflow: hidden;}
div[class^="flx_"], div[class*="flx_"]{padding:50px 0;}

.flx_headerblock{position:relative;padding:125px 0;height:100vh;align-content:center;}
.flx_headerblock .content{text-align:right;width:90%;float:right;}
.flx_headerblock .content .logo{margin-bottom:75px;width:50%;}
.flx_headerblock .content .headline{color:var(--weiss);font-size:400%;text-align:right;position: relative;line-height:1;}
.flx_headerblock .content .subline{color:var(--weiss);font-size:60%;line-height:1;width: max-content;display: inline-block;}
.flx_headerblock .content p{color:var(--weiss);width: 60%;text-align:left;margin-top: 75px;font-size:115%;line-height:1.3;}
.flx_headerblock .content .btn{margin-top:0;}

.flx_headerblock .bild{position: relative;height:100%;}
.flx_headerblock .bild img{position: absolute;top: 125px;left: -130px;scale: 1.7;}

.flx_bildblock{padding:75px 0;}
.flx_bildblock .inhalt{width:75%;display:block;margin:0 auto;}
.flx_bildblock .imageone{width:100%;display:block;position:relative;}
.flx_bildblock img{width:100%;}
.flx_bildblock .imagetwo{width: 40%;float: right;margin-top: -250px;position: relative;}
.flx_bildblock .buttonwrapper{text-align:  center;margin-top:50px;}

.flx_bildblock.logogrid .logowrapper{background:var(--weiss);}
.flx_bildblock.logogrid .logowrapper .headerbox .headline{margin-bottom:0;}
.flx_bildblock.logogrid .logowrapper .row{justify-content: space-between;gap:15px;}
.flx_bildblock.logogrid .logowrapper .item{width:calc(100% / 6 - 15px);height:150px;align-content:center;}
.flx_bildblock.logogrid .logowrapper .item object{max-width:100%;max-height:100%;filter:grayscale(100%);opacity:0.5;transition:all .15s ease;}
.flx_bildblock.logogrid .logowrapper .item:hover object{filter:grayscale(0);opacity:1;transition:all .15s ease;}

.flx_bildblock.logoslider .normalslider { display: block; }
.flx_bildblock.logoslider .responsiveslider { display: none; }


.flx_bildblock.logoslider .headline{text-align: center;text-transform:uppercase;margin-bottom:35px;}
.flx_bildblock.logoslider .ausstellerwrapper{overflow: hidden;}
.flx_bildblock.logoslider .aussteller{display: flex;align-items: center;justify-content: center;flex: 0 0 100px;height:120px;}
.flx_bildblock.logoslider .aussteller a{text-align:center;}
.flx_bildblock.logoslider .aussteller img{max-height: 120px;height: auto;max-width: 80%;object-fit: contain;filter:grayscale(1);transition:all .3s ease;}
.flx_bildblock.logoslider .aussteller img:hover{filter:grayscale(0);transition:all .3s ease;}
.flx_bildblock.logoslider .elemente{position: relative;}
.flx_bildblock.logoslider .ausstellerslider{margin-bottom: 35px;}
.flx_bildblock.logoslider .ausstellerslider.last{margin-bottom:0px;}
.flx_bildblock.logoslider .ausstellerslider > .swiper-wrapper{transition-timing-function : linear;}
.flx_bildblock.logoslider .responsiveslider{display:none;}
.flx_bildblock.logoslider .elemente::before{content: '';width: 17%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);z-index: 2;}
.flx_bildblock.logoslider .elemente::after{content: '';width: 17%;height: 100%;position: absolute;right: 0;top: 0;background: linear-gradient(-90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);z-index: 1;}

.flx_bildblock.sliderwrapper{padding-bottom:0!important;}
.flx_bildblock.sliderwrapper .item{height:350px;}
.flx_bildblock.sliderwrapper .item img{height:100%;object-fit:cover;}

.flx_textblock .text{align-content:center;}
.flx_textblock .text ul{margin:50px 0;}
.flx_textblock .text ul li{display:inline-block;width:49.5%;font-weight:600;margin:5px 0;}
.flx_textblock .text .button{margin-top:50px;}

.flx_textblock .bild img{display:block;margin:0 auto;}

.flx_textblock .accordion{width:80%;float:right;}
.flx_textblock .accordion .accordion-item{padding:5px 0;}
.flx_textblock .accordion .accordion-button{text-shadow:none;background:#021D3A;color:#fff;font-weight:600;font-size:115%;width:100%;padding:10px 20px;text-align:left;border:none;position:relative;transition:all .3s ease;}
.flx_textblock .accordion .accordion-button.collapsed{background:#f2f2f2;color:#021D3A;transition:all .3s ease;}
.flx_textblock .accordion .accordion-collapse{padding:15px 15px 0 15px;}

.flx_textblock.mitbildlinks .bild{position: relative;align-content:end;}
.flx_textblock.mitbildlinks .bild{position: relative;align-content:center;}

.flx_textblock .headerbox{margin-bottom:35px;}

.flx_kontaktblock .content .headline{padding-left:8.33333333%;}
.flx_kontaktblock .personen .row{justify-content:space-between;}
.flx_kontaktblock .personen .item{margin:0 auto;}

.flx_kontaktblock .personen .item{display:block;width:100%;margin:50px auto;background:var(--hellgrau);padding:50px;text-align:center;}
.flx_kontaktblock .personen .item img{width: 100%;display: block;margin: 0 auto 25px;border-radius: 50%;}
.flx_kontaktblock .personen .item span,
.flx_kontaktblock .personen .item a{display:block;}
.flx_kontaktblock .personen .item .bereich{min-height: 60px;}
.flx_kontaktblock .personen .item .name{font-size:130%;color:var(--blau);font-weight:500;}
.flx_kontaktblock .personen .item .position{font-weight:500;}

.flx_kachelblock .col-lg-4{margin:15px 0;}
.flx_kachelblock .item{background:var(--weiss);padding:25px;height:100%;box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.3);-webkit-box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.3);-moz-box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.3);}
.flx_kachelblock .item .header{display:flex;gap:15px;}
.flx_kachelblock .item .header img{width:45px;}
.flx_kachelblock .item .header .headline{display:block;width:100%;align-content:center;font-weight:500;font-size:125%;}
.flx_kachelblock .item .inhalt{padding-left:60px;}
.flx_kachelblock .text{margin-bottom: 50px;}

.flx_downloadblock .item{display:block;background:var(--weiss);padding:25px;height:100%;box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.3);-webkit-box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.3);-moz-box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.3);transition:all .3s ease;}
.flx_downloadblock .item:hover{transform:scale(1.05);transition:all .3s ease;}
.flx_downloadblock .item img{max-width:75px;margin:15px auto;display:block;}
.flx_downloadblock .item .headline{font-size:125%;text-align:center;}

#page483 .flx_ausstellerblock{min-height:85vh;align-content:center;}
.flx_ausstellerblock #no-favs{display:none;}
.flx_ausstellerblock #no-favs.show{display:block;}
.flx_ausstellerblock .sortingbuttons{margin:50px 0;}
.flx_ausstellerblock .sortingbuttons .headline{font-size:175%;font-weight:500;margin-bottom:25px;}
.flx_ausstellerblock .sortingbuttons .btn{margin:5px;padding:10px;background:none;color:var(--schwarz);border-bottom:solid 1px var(--schwarz);border-radius:0;}
.flx_ausstellerblock .sortingbuttons .btn.is-active{background:var(--orange);color:var(--weiss);border-bottom:solid 1px var(--orange);border-radius:7.5px;}
.flx_ausstellerblock .item .inner{position:relative;margin-bottom:25px;border-radius:15px;background:var(--weiss);box-shadow: 5px 5px 20px -10px rgba(0,0,0,0.40);-webkit-box-shadow: 5px 5px 20px -10px rgba(0,0,0,0.40);-moz-box-shadow: 5px 5px 20px -10px rgba(0,0,0,0.40);}
.flx_ausstellerblock .item .inner .contentimage{position:relative;height:225px;}
.flx_ausstellerblock .item .inner .contentimage:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 35%);z-index:5;}
.flx_ausstellerblock .item .inner .contentimage > img{border-top-left-radius:15px;border-top-right-radius:15px;height:100%;width:100%;object-fit:cover;object-position:center;}
.flx_ausstellerblock .item .inner .contentimage .logo{padding:10px;display:block;max-width:150px;border-radius:10px;background:var(--weiss);position:absolute;top:15px;left:15px;}
.flx_ausstellerblock .item .inner .contentimage .logo img{max-height:70px;width:auto;display:block;margin:0 auto;}
.flx_ausstellerblock .item .inner .position{margin-top:-40px;position:relative;z-index:9;padding-left:12.5px;}
.flx_ausstellerblock .item .inner .position .standort{padding:5px 25px;text-align:center;}
.flx_ausstellerblock .item .inner .position .standort.none:before{content:'';display:block;width:12.5px;height:125px;position:absolute;left:0;top:100%;transform:translateY(-50%);border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#000;}
.flx_ausstellerblock .item .inner .position .standort.witthagen:before{content:'';display:block;width:12.5px;height:125px;position:absolute;left:0;top:100%;transform:translateY(-50%);border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#c41e42;}
/* .flx_ausstellerblock .item .inner .position .standort.langenhorstvier:before{content:'';display:block;width:12.5px;height:125px;position:absolute;left:0;top:100%;transform:translateY(-50%);border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#ffd140;} */
/* .flx_ausstellerblock .item .inner .position .standort.langenhorstdrei:before{content:'';display:block;width:12.5px;height:125px;position:absolute;left:0;top:100%;transform:translateY(-50%);border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#e04f32;} */
.flx_ausstellerblock .item .inner .position .standort.langenhorsteins:before{content:'';display:block;width:12.5px;height:125px;position:absolute;left:0;top:100%;transform:translateY(-50%);border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#f7aa3a;}
.flx_ausstellerblock .item .inner .position .standort.langenhorstzwei:before{content:'';display:block;width:12.5px;height:125px;position:absolute;left:0;top:100%;transform:translateY(-50%);border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#1ea51e;}
.flx_ausstellerblock .item .inner .position .standort .name{position: relative;align-content: center;font-size:100%;font-weight:600;line-height:1;color:var(--weiss);}
.flx_ausstellerblock .item .inner .position .standort .name:before{content:'';display:block;width:20px;height:20px;background:url('../media/pin-icon-white.svg');background-position:center;background-repeat:no-repeat;background-size:100%;position:absolute;top:0;left:0;transform:translateX(-120%) translateY(20%);}
.flx_ausstellerblock .item .inner .inhalt{padding:20px 25px 80px 25px;min-height:250px;align-content:start;}
.flx_ausstellerblock .item .inner .inhalt .name{display:block;font-size:100%;font-weight:600;text-transform:uppercase;line-height:1.1;margin-bottom:15px;color:var(--schwarz);}
.flx_ausstellerblock .item .inner .inhalt .description{display: block;line-height: 1.2;font-size:80%;}
.flx_ausstellerblock .item .inner .bottom{display:flex;gap:10px;align-items:center;justify-content:space-between;position:absolute;bottom:20px;left:35px;right:35px;}
.flx_ausstellerblock .item .inner .bottom .fav{height:auto;}
.flx_ausstellerblock .item .inner .bottom .fav .add-fav{display:block;cursor:pointer;width:30px;height:30px;background:url('../media/add-fav.svg');background-position:center;background-repeat:no-repeat;background-size: 100%;}
.flx_ausstellerblock .item .inner .bottom .button .btn{padding:10px;background:none;border:solid 1px var(--blau);color:var(--blau);font-size:80%;}
.flx_ausstellerblock .item .inner .bottom .button .btn:hover{background:var(--blau);color:var(--weiss);}
.flx_ausstellerblock .item.is-fav .inner .fav .add-fav{display:block;width:30px;height:30px;background:url('../media/is-fav.svg');background-position:center;background-repeat:no-repeat;background-size: 100%;}

#page483 .flx_ausstellerblock .content .headline{margin-bottom:50px;}
#page483 .flx_ausstellerblock .item.is-fav{display:block;}
#page483 .flx_ausstellerblock .item{display:none;}

.flx_faqblock .accordion{margin-top:35px;}
.flx_faqblock .accordion .accordion-item{border:none;}
.flx_faqblock .accordion .accordion-item .accordion-button{padding:25px;background-color:var(--blau);color:var(--weiss);border-bottom:solid 2px var(--hellgrau);text-align:left;font-size:115%;}
.flx_faqblock .accordion .accordion-item .accordion-button:after{filter:brightness(150);}
.flx_faqblock .accordion .accordion-item .accordion-body{background:var(--hellgrau);padding:40px 25px 50px;}

.flx_timetableblock .topline{font-size:125%;font-weight:500;display:block;color:var(--orange);text-transform:uppercase;margin-bottom:35px;}
.flx_timetableblock .accordion .accordion-item{border:none;}
.flx_timetableblock .accordion .accordion-item .accordion-button{padding:15px;background-color:var(--blau);color:var(--weiss);border-bottom:solid 2px var(--hellgrau);}
.flx_timetableblock .accordion .accordion-item .accordion-button:after{filter:brightness(150);}
.flx_timetableblock .accordion .accordion-item .accordion-body{background:var(--hellgrau);padding:25px 15px;}

.flx_kartenblock{background: var(--blau);padding:0!important;}
.flx_kartenblock .desktop{display:block!important;}
.flx_kartenblock .mobile{display:none!important;}

.flx_countdownblock{background:var(--hellgrau);}
.flx_countdownblock .topline_countdown{font-size:175%;font-weight:600;text-transform:uppercase;color:var(--schwarz);display:block;text-align:center;}
.flx_countdownblock .subline_countdown{font-size:175%;font-weight:600;text-transform:uppercase;color:var(--schwarz);display:block;text-align:center;}
.flx_countdownblock #main_countedown_1 .countdown{display:flex;gap:25px;justify-content:center;}
.flx_countdownblock #main_countedown_1 .countdown .element_conteiner .time_left{background:var(--blau);font-family:'Barlow';font-weight:600;color:var(--weiss);font-size:200%;border-radius:10px;}
.flx_countdownblock #main_countedown_1 .countdown .element_conteiner .time_description{background:none;font-family:'Barlow';font-weight:300;color:var(--schwarz);}


/*---------------------------SINGLE-AUSSTELLER----------------------------*/

#austellersingle{padding:75px 0;margin-top:90px;}
#austellersingle .infos h2{margin-bottom:15px;font-size:150%;font-weight:600;}
#austellersingle .infos .schatten{padding:25px;margin-bottom:25px;border-radius:20px;background:var(--weiss);box-shadow: 5px 5px 20px -10px rgba(0,0,0,0.61);-webkit-box-shadow: 5px 5px 20px -10px rgba(0,0,0,0.61);-moz-box-shadow: 5px 5px 20px -10px rgba(0,0,0,0.61);}

.flx_ausstellerblock .item .inner .position .fav .add-fav{display:block;cursor:pointer;width:35px;height:35px;background:url('../media/add-fav.svg');background-position:center;background-repeat:no-repeat;background-size: 100%;}
.flx_ausstellerblock .item.is-fav .inner .position .fav .add-fav{display:block;width:35px;height:35px;background:url('../media/is-fav.svg');background-position:center;background-repeat:no-repeat;background-size: 100%;}

#austellersingle .infos .contentimage{position:relative;margin-bottom:50px;border-radius:20px;background:var(--weiss);box-shadow: 5px 5px 20px -10px rgba(0,0,0,0.61);-webkit-box-shadow: 5px 5px 20px -10px rgba(0,0,0,0.61);-moz-box-shadow: 5px 5px 20px -10px rgba(0,0,0,0.61);}
#austellersingle .infos .contentimage > img{border-radius:20px;width:100%;}
#austellersingle .infos .contentimage .logo{padding:15px;display:block;width:175px;border-radius:10px;background:var(--weiss);position:absolute;top:15px;left:15px;}
#austellersingle .infos .contentimage .position{position:absolute;left:0;right:0;bottom:0;}
#austellersingle .infos .contentimage .position .standort{padding:10px 25px;text-align:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
#austellersingle .infos .contentimage .position .standort.none{background-color:#fff;}
#austellersingle .infos .contentimage .position .standort.witthagen{background-color:#ff3b73;}
#austellersingle .infos .contentimage .position .standort.langenhorsteins{background-color:#f7aa3a;}
#austellersingle .infos .contentimage .position .standort.langenhorstzwei{background-color:#1ea51e;}
#austellersingle .infos .contentimage .position .standort .name{position: relative;align-content: center;font-size:125%;font-weight:600;line-height:1;color:var(--weiss);}
#austellersingle .infos .contentimage .position .standort .name:before{content:'';display:block;width:20px;height:20px;background:url('../media/pin-icon-white.svg');background-position:center;background-repeat:no-repeat;background-size:100%;position:absolute;top:0;left:0;transform:translateX(-120%) translateY(20%);}
#austellersingle .infos .contentimage .position .standort.none .name{color:var(--schwarz);}
#austellersingle .infos .contentimage .position .standort.none .name:before{background:url('../media/pin-icon-black.svg');background-position:center;background-repeat:no-repeat;background-size:100%;}
#austellersingle .infos .inhalt .name{display:block;width:100%;font-size:150%;font-weight:600;margin-bottom:0;color:var(--schwarz);line-height:1.2;}
#austellersingle .infos .inhalt .name br{display:none;}
#austellersingle .infos .inhalt .subtitle{display:block;width:100%;font-size:150%;font-weight:600;margin-bottom:15px;color:var(--schwarz);}
#austellersingle .infos .inhalt .kurzbeschreibung{display:block;width:100%;font-size:115%;font-weight:400;}
#austellersingle .infos .inhalt .buttonwrapper{margin:50px 0;display:flex;flex-direction:row;gap:25px;}
#austellersingle .infos .inhalt .standort{display:flex;gap:10px;align-items:center;}
#austellersingle .infos .inhalt .standort .circle{display:block;width:30px;height:30px;border-radius:50%;}
#austellersingle .infos .inhalt .standort .circle.witthagen{background-color:#c41e42;}
#austellersingle .infos .inhalt .standort .circle.langenhorsteins{background-color:#f7aa3a;}
#austellersingle .infos .inhalt .standort .circle.langenhorstzwei{background-color:#1ea51e;}
#austellersingle .infos .inhalt .standort .name{align-content: center;font-weight:600;height:100%;font-size:100%;width:45%;}
#austellersingle .infos .inhalt .btn{padding:8px 25px 10px 25px;font-size:20px;}

#austellersingle .infos .galerie h2{margin-bottom:25px;}
#austellersingle .infos .galerie .item{margin-bottom:30px;max-height:140px;}
#austellersingle .infos .galerie .item .fancybox{position:relative;display:block;height:100%;}
#austellersingle .infos .galerie .item .fancybox:before{opacity: 0;content:'';background:rgba(0,0,0,0.5) url('../media/search.svg');background-size:50px;background-position:center;background-repeat:no-repeat;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease;}
#austellersingle .infos .galerie .item:hover .fancybox:before{opacity: 1;transition:all .3s ease;}
#austellersingle .infos .galerie .item img{height:100%;width:100%;object-fit:cover;object-position:center;}

#austellersingle .infos .beschreibung{margin-bottom:50px;}

/*------------------------------ABWEICHUNGEN------------------------------*/

.startseite .inhaltsbloecke{margin-top:0;}
.geschuetzt-downloads{margin-bottom:75px;}

.teilnahmebedingungen .flx_textblock .text ul li{width:100%;font-size:22px;font-weight:300;padding-left:20px;}
.teilnahmebedingungen .flx_textblock .text ul li:before{content:'';display:block;width:7.5px;height:7.5px;background:var(--blau);border-radius:50%;position:absolute;left:0px;top:15px;}
.teilnahmebedingungen-gewinnspiel .flx_textblock .text ul li{width:100%;font-size:22px;font-weight:300;padding-left:20px;}
.teilnahmebedingungen-gewinnspiel .flx_textblock .text ul li:before{content:'';display:block;width:7.5px;height:7.5px;background:var(--blau);border-radius:50%;position:absolute;left:0px;top:15px;}

.startseite .flx_textblock.mitbildlinks .bild img{position: absolute;bottom: 0;right: 9rem;}

#page483 .flx_ausstellerblock .sortingbuttons{display:none;}