/**
 *
 * Theme Name:        Vermessungsbüro Michel 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: #284E62 ;
    --button: #284E62;
    --buttonhover: #08364E;
    --white: #ffffff;
    --lightgray: #E9E9E9;
    --darkgray: #444444;
}

body,html,*{font-size:17px;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;}

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

/* ul{padding:0;margin:0;} */

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

h1{display:block;width:max-content;position:relative;color:var(--main);margin-bottom: 20px;}
h2{display:block;color:var(--main);margin-bottom: 10px;}
h3{display:block;color:var(--main);margin-bottom: 15px;font-size: 150%;}
h4{font-size: 120%;color: var(--main);}

.headline{font-weight:600;display:block;color:var(--main);margin-bottom:25px;}
.subline{font-size:100%;font-weight:400;display:block;color:var(--sec);margin-bottom:25px;}

.btn{position:relative;padding:8px 50px 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;}
.btn:hover{background:var(--buttonhover);transition:all .3s ease;color:var(--white);}

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

.container{max-width:1640px;}
.container.wide{max-width:1850px;}

#matomo_opted_in_intro code,
#matomo_opted_in_label{color:var(--main)!important;font-family:'Poppins';}

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

#page-header{position:absolute;top:0;right:0;left:0;padding:0;background:var(--white);-webkit-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);z-index:9999;}
#page-header .logo{height: max-content;display: block;}

#page-header .menubuttonburger{display:none;width:45px;height:40px;margin-top: -65px;float: right;border:none;background:none;cursor:pointer;}
#page-header .menubuttonburger span{display:block;width:40px;height:4px;background:var(--main);transition:all .3s ease;}
#page-header .menubuttonburger span:nth-child(2){margin:5px 0;}
#page-header .menubuttonburger.active span:nth-child(1){transform:rotate(45deg);margin-top:0px;transition:all .3s ease;}
#page-header .menubuttonburger.active span:nth-child(2){opacity:0;transition:all .3s ease;}
#page-header .menubuttonburger.active span:nth-child(3){transform:rotate(-45deg);margin-top:-18px;transition:all .3s ease;}

#page-header .mainheader{padding:15px 0;}
#page-header .mainheader #toppermenu{height:100%;align-content:center;text-align:right;}
#page-header .mainheader #toppermenu .menu{display:flex;justify-content:end;}
#page-header .mainheader #toppermenu .menu li{display:inline-block;padding:0px 50px;text-align:center;align-content:center;}
#page-header .mainheader #toppermenu .menu li:before{display:none;}
#page-header .mainheader #toppermenu .menu li a{text-decoration:none;}
#page-header .mainheader #toppermenu .menu li a:focus-visible{height: max-content;display: block;}

#page-header.bottom{padding:10px 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;}
#page-header.bottom .menubuttonburger{margin-top:-55px;}

@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(--main);padding:75px 0 0;}

#page-footer .main{margin:25px 0 75px;display:block;}
#page-footer .main .left{padding-right:75px;border-right:solid 1px var(--white);}
#page-footer .main .right{padding-left:75px;}
#page-footer .main span{color:var(--white);font-size:100%;font-weight:400;display:block;margin-bottom:15px;}
#page-footer .main a{color:var(--white);font-size:100%;font-weight:400;display:inline-block;}
#page-footer .main .headline{color:var(--white);font-size:100%;font-weight:600;display:block;margin-bottom:0;text-transform:none;}
#page-footer .main .name{width:70%;}
#page-footer .main .telefon, #page-footer .main .mail, #page-footer .main .adresse{position:relative;padding-left:25px;}
#page-footer .main .mail{margin-left:25px;}
#page-footer .main .adresse:before{content:'';display:block;width:15px;height:20px;position:absolute;left:0;top:5px;background:url('media/pin.svg');background-position:center;background-size:100%;background-repeat:no-repeat;}
#page-footer .main .telefon:before{content:'';display:block;width:17.5px;height:20px;position:absolute;left:0;top:2.5px;background:url('media/telefon.svg');background-position:center;background-size:100%;background-repeat:no-repeat;}
#page-footer .main .mail:before{content:'';display:block;width:17.5px;height:20px;position:absolute;left:0;top:2.5px;background:url('media/mail.svg');background-position:center;background-size:100%;background-repeat:no-repeat;}

#page-footer .bottom{display:flex;justify-content:space-between;}
#page-footer .bottom .copyright{padding:0 0 15px;}
#page-footer .bottom .copyright span{display:inline-block;color:var(--white);font-size:75%;font-weight:300;text-decoration:none;transition:all .3s ease;}
#page-footer .bottom .links a{display:inline-block;color:var(--white);font-size:75%;font-weight:300;text-decoration:none;transition:all .3s ease;position: relative;}
#page-footer .bottom .links .placer{display:inline-block;margin:0 5px;color:var(--white);font-size:75%;}