/**
 *
 * Theme Name:        enerBridge GmbH 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
 *
 */



:root{
--main: #121F40 ;
--sec: #9CA6B9 ;
--button: #92B504;
--buttonhover: #7e9817;
--gray:#F5F5F5;
--darkgray:#707070;
--white:#FFFFFF;
--black:#000000;
--lightgreen: #F7FAED;
}

body,html,*{font-size:16px;line-height:1.7;font-family:'Poppins';font-weight:400;}
html{scroll-behavior: smooth;}

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

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


img{max-width:100%;height:auto;}

.startseite h1{font-size:425%;display:block;width:max-content;position:relative;color:var(--main);margin:0;line-height:1;}
.startseite h2{font-size:300%;display:block;color:var(--main);margin:0;line-height:1;}
.startseite h3{font-size:225%;display:block;color:var(--main);margin:0;line-height:1;}

.startseite .headline{font-weight:600;display:block;color:var(--main);margin-bottom:20px;line-height:1;font-family:'Owners';letter-spacing:1.5px;}
.startseite .subline{font-size:200%;font-weight:400;display:block;color:var(--sec);margin-bottom:25px;font-family:'Owners';letter-spacing:1.5px;}

h1{font-size:275%;display:block;width:max-content;position:relative;color:var(--button);margin:0;line-height:1;}
h2{font-size:220%;display:block;color:var(--button);margin:0;line-height:1;}
h3{font-size:225%;display:block;color:var(--button);margin:0;line-height:1;}

.headline{font-weight:600;display:block;color:var(--button);margin-bottom:0;line-height:1;font-family:'Owners';letter-spacing:1.5px;}
.subline{font-size:220%;font-weight:400;display:block;color:var(--main);margin-bottom:25px;font-family:'Owners';letter-spacing:1.5px;}
.topline{font-size:220%;font-weight:400;display:block;color:var(--main);margin-bottom:0;font-family:'Owners';letter-spacing:1.5px;}

.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:0;}
.btn:hover{background:var(--buttonhover);transition:all .3s ease;color:var(--white);}

.btn.light{background:none;color:var(--main);padding:0 0 0 85px;position:relative;}
.btn.light:hover{color:var(--button);}
.btn.light:after{content:'';display:block;width:75px;height:2px;background:var(--main);position:absolute;top:50%;left:0;transform:translateY(-50%);transition:all .3s ease;}
.btn.light:hover:after{background:var(--button);transition:all .3s ease;}

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

.container{max-width:1500px;position: relative;padding:0 75px;}


input, select, textarea{padding: 15px 25px 12px;color:var(--black);margin-bottom: 15px;width: 100%;height:50px;border:none;background:var(--white);}
textarea{height:auto;}
input[type="checkbox"]{width: auto;height:auto;margin: 0;}
.wpcf7-list-item{margin:0;}
.wpcf7-form-control-wrap[data-name="datenschutz"]{margin:25px 0;display:block;}

.wpcf7-form{position:relative;}
.wpcf7-form.sent .wpcf7-response-output{position: absolute;top: 50%;left: 0;right: 0;padding: 25px;background: green;border: none;color: #fff;font-size: 150%;font-weight: 600;text-align: center;line-height: 1.3;}

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

#page-header{position:absolute;top:0;right:0;left:0;padding:35px 0;background:var(--white);z-index:9999;}

#page-header .logo{padding:10px 0;display:block;}

#page-header .mainheader{padding:0;}
#page-header .mainheader #toppermenu{height:100%;align-content:center;text-align:right;}
#page-header .mainheader #toppermenu .menu{position:unset;}
#page-header .mainheader #toppermenu .menu li{display:inline-block;margin:0 35px;padding:5px 25px;position:unset;}
#page-header .mainheader #toppermenu .menu li:before{display:none;}
#page-header .mainheader #toppermenu .menu li a{padding:30px 0;text-decoration:none;position:relative;font-weight:600;}
#page-header .mainheader #toppermenu .menu li.btn{padding:10px 50px;margin-right:0;}
#page-header .mainheader #toppermenu .menu li.btn a{color:var(--white);}

#page-header.bottom{padding:0;position:fixed;top:0;left:0;right:0;background:var(--white);-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */              -moz-animation: fadein 2s; /* Firefox < 16 */-ms-animation: fadein 2s; /* Internet Explorer */-o-animation: fadein 2s; /* Opera < 12.1 */animation: fadein 2s;z-index:9999;}
#page-header.bottom .logo img{max-width:50%;}
#page-header.bottom .mainheader{padding:0;}

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


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

#page-footer{background:var(--gray);padding:75px 0 0;}
#page-footer .logo img{max-width:50%;}
#page-footer .inhalt{margin-top:50px;}
#page-footer .inhalt h3{font-size: 175%;margin-bottom:25px;}

#page-footer .infos{display:block;width:100%;}
#page-footer .infos .title{display:block;margin-bottom:15px;font-weight:500;}
#page-footer .infos .adresse{margin-bottom:25px;}
#page-footer .infos li{padding:0;margin:5px 0;}
#page-footer .infos li:before{display:none;}
#page-footer .social{margin-top:15px;}
#page-footer .social li{display:inline-block;padding:0;margin:5px;}
#page-footer .social li:before{display:none;}


#page-footer #footerbottom{margin-top:150px;}
#page-footer #footerbottom .copyright{display:block;width:100%;}
#page-footer #footerbottom .copyright p{display:inline-block;color:var(--main);font-size:100%;font-weight:300;text-decoration:none;transition:all .3s ease;}

#page-footer #footerbottom .rechtliches ul{text-align:right;}
#page-footer #footerbottom .rechtliches ul li{display:inline-block;padding:0 5px;}
#page-footer #footerbottom .rechtliches ul li:before{display:none;}
#page-footer #footerbottom .rechtliches ul li a{text-decoration:none;}