/**
 *
 * Theme Name:        LAG Steinfurter Land X MOLECO GmbH
 * Theme URI:         https://www.moleco.de
 * Description:       Dieses Theme wurde erstellt durch die MOLECO GmbH - Agentur für digitale Kommunikation
 * Version:           1.0.0
 * Author:            MOLECO GmbH
 * Author URI:        https://www.moleco.de
 * Tested up to:      6.8.1
 * Requires at least: 6.8.1
 * Requires PHP:      8.3.22
 *
 */

body,html,*{font-size:17px;line-height:1.6;font-family:'Red Hat Display';font-weight:400;}
html{scroll-behavior: smooth;}

a{color:var(--font);text-decoration:underline;font-size:100%;transition:all .3s ease;}
a:hover{color:var(--green);transition:all .3s ease;}

li{list-style:none;padding-left:20px;position:relative;}
li:before{content:'';width:7.5px;height:7.5px;display:block;background:var(--green);position:absolute;top:7.5px;left:0;border-radius:50%;}

ul{padding:0;margin:0;}

img{max-width:100%;height:auto;border-radius:15px;}

h1{font-size:250%;display:block;margin:0;line-height:1;}
h2{font-size:250%;display:block;margin:0;line-height:1;}
h3{font-size:150%;display:block;margin:0;line-height:1;}

.topline{font-size:120%;font-weight:400;display:block;color:var(--blue);margin-bottom:10px;max-width:100%;}
.headline{font-weight:900;display:block;color:var(--font);margin-bottom:20px;line-height:1.1;max-width:100%;}

.btn{position:relative;padding:10px 50px;font-size:100%;font-weight:600;background:var(--button);color:var(--white);transition:all .3s ease;line-height:1;text-align:center;text-decoration:none;border-radius:20px;margin-top:20px;}
.btn:hover{background:var(--buttonhover);transition:all .3s ease;color:var(--white);}

.btn.light{position:relative;padding:10px 50px;font-size:100%;font-weight:600;height:40px;align-content:center;background:none;color:var(--font);transition:all .3s ease;line-height:1;text-align:left;text-decoration:none;border-radius:0;margin-top:25px;}
.btn.light:before{content:'';width:40px;height:40px;background:url('media/plusicon.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:0;left:0;transform:rotate(0deg);transition:all .3s ease;}
.btn.light:hover{transition:all .3s ease;color:var(--green);}
.btn.light:hover:before{transform:rotate(90deg);transition:all .3s ease;}

strong{font-weight:800;font-size:100%;}

.container{max-width:1500px;padding:0 35px;}
.container.wide{max-width:1640px;}

.owl-controls .owl-nav{display: flex;flex-direction: row;justify-content: space-between;padding: 15px 50px;}
.owl-controls .owl-nav .owl-prev{display:block;width:40px;height:40px;background:url('media/arrow_round_left_gray.svg');background-size:100%;background-position:center;background-repeat:no-repeat;}
.owl-controls .owl-nav .owl-next{display:block;width:40px;height:40px;transform:rotate(180deg);background:url('media/arrow_round_left_gray.svg');background-size:100%;background-position:center;background-repeat:no-repeat;}
.owl-controls .owl-dots{display:block;width:100%;text-align:center;margin:15px 0;}
.owl-controls .owl-dots .owl-dot{display:inline-block;width:15px;height:15px;border-radius:50%;margin:5px;background:var(--gray);}
.owl-controls .owl-dots .owl-dot.active{background:var(--yellow);}

input, textarea, select{border:none;background:var(--lightgray);width:100%;padding:10px 25px;}
input[type="checkbox"]{width:15px;margin-right:5px;}
.wpcf7-list-item{margin:15px 0 0;}
.wpcf7-list-item span, .pflicht{font-size:85%;}
.wpcf7-form br{display:none;}
.wpcf7-form-control-wrap{display:inline-block;width:100%;padding:5px;}
.wpcf7-form-control-wrap[data-name="vorname"], .wpcf7-form-control-wrap[data-name="nachname"], .wpcf7-form-control-wrap[data-name="mailadresse"], .wpcf7-form-control-wrap[data-name="telefonnummer"]{width:49.7%;}

/*------------------------------------Header-------------------------------------------------*/

#page-header{position:absolute;top:0;right:0;left:0;padding:0;background:rgba(255,255,255,0.92);backdrop-filter:blur(50);z-index:9999;}
#page-header .logo{position: absolute;top: 0;left: 15px;width: 75%;padding: 15px;background: var(--white);border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.16);-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.16);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.16);}
#page-header .logo img{border-radius:0;}

#page-header .mainheader #toppermenu{height:100%;align-content:center;text-align:right;padding:15px 0;}
#page-header .mainheader #toppermenu .menu{position:unset;}
#page-header .mainheader #toppermenu .menu li{display:inline-block;margin:0 10px;padding:5px 25px;position:unset;}
#page-header .mainheader #toppermenu .menu li:before{display:none;}
#page-header .mainheader #toppermenu .menu li a{text-decoration:none;position:relative;line-height:1;font-weight:600;}
#page-header .mainheader #toppermenu .menu li a::before{content: '';position: absolute;width: 50%;height: 4px;border-radius: 5px;background-color: var(--blue);bottom: -5px;left: 50%;transform-origin: left;transform: scaleX(0) translateX(-50%);transition:all .3s ease;}
#page-header .mainheader #toppermenu .menu li a:hover::before{transform-origin: left;transform: scaleX(1) translateX(-50%);transition:all .3s ease;}
#page-header .mainheader #toppermenu .menu li.current-menu-item a{color:var(--green);}
#page-header .mainheader #toppermenu .menu li .sub-menu{display:none;background:#fff;padding:0;width:100%;border-radius:0;transform:none;text-align:left;margin:0;z-index:1;position:absolute;left:0;top:calc(100% + 10px);right:0;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);}
#page-header .mainheader #toppermenu .menu li:hover .sub-menu{display: block;}
#page-header .mainheader #toppermenu .menu li .sub-menu li a{color:var(--main);font-size:115%;font-weight:400;position: relative;}
#page-header .mainheader #toppermenu .menu li.btn{padding:5px 50px 7px 50px}
#page-header .mainheader #toppermenu .menu li.btn a{color:var(--white);}
#page-header .mainheader #toppermenu .menu li.btn a:before{display:none!important;}

#page-header .burgerbutton{margin:20px 0;width:50px;height:30px;float:right;display:none;cursor:pointer;}
#page-header .burgerbutton span{display:block;width:50px;height:3px;background:var(--green);transition:all .3s ease;}
#page-header .burgerbutton span:nth-child(2){margin:10px 0;}
#page-header .burgerbutton.active span:nth-child(1){transform:rotate(-45deg);margin-top:15px;transition:all .3s ease;}
#page-header .burgerbutton.active span:nth-child(2){opacity:0;transition:all .3s ease;}
#page-header .burgerbutton.active span:nth-child(3){transform:rotate(45deg);margin-top:-26px;transition:all .3s ease;}

#page-header.bottom{position:fixed;top:0;left:0;right:0;background:var(--white);-webkit-animation: fadein 2s;-moz-animation: fadein 2s;-ms-animation: fadein 2s;-o-animation: fadein 2s;animation: fadein 2s;z-index:9999;}
#page-header.bottom .logo{width:50%;padding:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}

@keyframes fadein {
    from { top: -300px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -300px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -300px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -300px; }
    to   { top: 0; }
}


/*------------------------------------Footer-------------------------------------------------*/

#page-footer{background:var(--lightgray);position:relative;padding:75px 0 0;}



#page-footer .backtotop .scrollup{cursor:pointer;}
#page-footer .backtotop .scrollup:hover img{transform:scale(1.1);transition:all .3s ease;}
#page-footer .backtotop .scrollup img{margin:0 auto;display:block;transition:all .3s ease;}

#page-footer .main .headline{margin-bottom:10px;padding:5px 0;}
#page-footer .main .logo{width:65%;display:block;}
#page-footer .main .menu li{padding:5px 0;}
#page-footer .main .menu li a{text-decoration:none;font-weight:600;}
#page-footer .main .menu li:before{display:none;}
#page-footer .main .adresse{margin-bottom:35px;}
#page-footer .main .kontakt .telefon, #page-footer .main .kontakt .mail{display:block;padding:5px 40px;text-decoration:none;font-weight:600;position:relative;}
#page-footer .main .kontakt .telefon:before{content:'';display:block;width:30px;height:30px;background:url('media/telefon.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;left:0;top:2px;}
#page-footer .main .kontakt .mail:before{content:'';display:block;width:30px;height:30px;background:url('media/mail.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;left:0;top:2px;}

#page-footer .main .logo_eu{border-radius:0;}
#page-footer .main .logo_nrw{border-radius:0;margin-top:50px;}

#page-footer .bottom{display:flex;flex-direction:row;flex-wrap:wrap;justify-content: space-between;padding:50px 0 15px;}
#page-footer .bottom .copyright{display:block;width:50%;color:var(--font);font-size:100%;font-weight:300;}
#page-footer .bottom .menu li{display:inline-block;padding:0 25px;position:relative;}
#page-footer .bottom .menu li:before{content:'|';position:absolute;left: 0;top:0;width:auto;height:auto;background:none;}
#page-footer .bottom .menu li:first-child:before{display:none;}
#page-footer .bottom .menu li a{text-decoration:none;}

#suche{position:fixed;bottom:10px;right:15px;z-index:999;display:flex;align-items:center;}
#suche .icon{background:url('media/searchicon.svg');background-position: center;background-size:100%;background-repeat:no-repeat;display:block;width:65px;height:65px;transition:all .3s ease;position:relative;z-index: 99;cursor:pointer;}
#suche.active .icon{background:url('media/searchicon_close.svg');background-position: center;background-size:100%;background-repeat:no-repeat;transition:all .3s ease;}
#suche form{height:50px;width:0;opacity:0;position: relative;transition:all .3s ease;}
#suche.active form{height:50px;width:400px;opacity:1;position: relative;transition:all .3s ease;}
#suche .search-field{height:100%;border-radius:25px;border:solid 2px var(--blue);}
#suche .search-submit{position: absolute;display: block;top: 0;right: 0;width: 0;height: 100%;border: none;background: none;padding: 0;transition:all .3s ease;}
#suche.active .search-submit{width: 75px;transition:all .3s ease;}