/* ------ 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:110px;}

.flx_headerblock{position:relative;padding:125px 0;height:100vh;align-content:center;}
/* .flx_headerblock .bild{position:absolute;left:-5%;transform:translateY(-50%);width:55vw;} */
.flx_headerblock .content{text-align:right;width:90%;float:right;}
.flx_headerblock .content .logo{margin-bottom:75px;width:62.5%;}
.flx_headerblock .content .headline{color:var(--weiss);font-size:525%;text-align:left;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:-117px;width:230px;}
.flx_headerblock .bild{position: relative;}
.flx_headerblock .bild img{position: absolute;top: 30px;left: -130px;scale: 1.3;}

.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_textblock{padding:75px 0;}
.flx_textblock p,
.flx_kachelblock .text p{font-size: 22px;}
.flx_textblock h1{font-size: 40px;line-height: 0.85;margin-bottom: 40px!important;}
.flx_textblock .headline{margin-bottom:50px;}
.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{align-content:center;} */
.flx_textblock .bild img{display:block;margin:0 auto;}

/* .flx_textblock.mitbildrechts .bild{padding-left:75px;}
.flx_textblock.mitbildlinks .bild{padding-right:75px;} */


.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;}
.startseite .flx_textblock.mitbildlinks .bild img{position: absolute;bottom: 0;right: 9rem;}

.flx_kontaktblock{padding:75px 0;}
.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{padding:75px 0;}
.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{padding:75px 0;}
.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:150%;text-align:center;}

/*------------------------------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;}