/**
 *
 * Theme Name:        Punktklar Lösungsberatung by Kerstin Finke X MOLECO GmbH X buero inaoakley
 * 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{

--darkblue: #1A3A75 ;
--lightblue: #7571F5 ;
--lightblue-hover: #2822D6 ;
--turquoise: #54EAE1;
--turquoise-hover: #0AA89F;
--turquoiselight: #EBFFFE;
--darkgray: #444444;
--lightgray: #F5F4F4;
--white: #ffffff;
--flieder: #D1D3FBAB;
}

.font-blue *{color:var(--darkblue);}
.font-white *{color:var(--white);}

.bg-lightblue{background-color:var(--lightblue);}
.bg-darkblue{background-color:var(--darkblue);}
.bg-turquoise{background-color:var(--turquoiselight);}
.bg-lightgray{background-color:var(--lightgray);}
.bg-flieder{background-color:var(--flieder);}

body,html,*{font-size:17px;line-height:1.5;font-family:'Nexa';font-weight:400;color:var(--darkblue);}
html{scroll-behavior: smooth;overflow-x:hidden;}

a{text-decoration:underline;font-size:100%;transition:all .3s ease;color:var(--darkblue);}
a:hover{text-decoration:none;color:var(--lightblue);transition:all .3s ease;}
a:focus{text-decoration:none;}
a:not([href]):not([tabindex]){color:var(--darkblue)}

ul{padding:0;margin:0;}
li{list-style:none;position:relative;padding-left:25px;margin:15px 0;}

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

.headline{display:block;margin:20px 0;font-size: 300%;line-height:1;width:100%;font-weight:500;}
.headline.small{font-size:180%;font-weight:600;}
.subline{text-transform:uppercase;letter-spacing:3px;}

.buttons{margin-top:50px;justify-content:center;}
.btn{padding:10px 45px;font-size:100%;font-weight:500;background-color:var(--darkblue);color:var(--white);transition:all .3s ease;line-height:1.2;text-align:center;border-radius:10px;text-transform: uppercase;font-family: 'Red Hat Text';width:max-content;margin:0 35px;display:grid;align-content:center;}
.btn:hover{background-color:var(--lightblue);transition:all .3s ease;color:var(--white)!important;}
.btn.disabled, .btn:disabled{opacity:1;}
.btn.lightblue{background-color:var(--lightblue);color:var(--white);}
.btn.lightblue:hover{background-color:var(--lightblue-hover);color:var(--white);}
.btn.turquoise{background-color:var(--turquoise);color:var(--white);}
.btn.turquoise:hover{background-color:var(--turquoise-hover);color:var(--white);}
.btn.darkblue{background-color:var(--darkblue);color:var(--white);}
.btn.darkblue:hover{background-color:var(--lightblue);color:var(--white);}

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

.container{max-width:1110px;}
.container.wide{max-width:1800px;}

input, textarea, select{background:var(--white);padding:5px 15px;color: var(--font);font-size:100%;margin-bottom:15px;border:none;box-shadow:none;line-height:1;width:100%;}
input[type="checkbox"]{margin:0;width:15px;}
input[type="submit"]{margin:15px 0;}

.paddingbottomzero{padding-bottom:15px!important;}
.paddingtopzero{padding-top:15px!important;}

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

#page-header{position:absolute;top:0;right:0;left:0;padding:15px 0;z-index:999;background-color: rgba(255,255,255,0.94);}
#page-header .logo{text-align: center;}
#page-header .logo img{width:100%;}

#page-header #toppermenu{display: flex;justify-content: end;}
#page-header #toppermenu .menu{display:flex;justify-content: center;margin-bottom: 10px;}
#page-header #toppermenu .menu li{padding:25px;margin:0;}
#page-header #toppermenu .menu li a{text-decoration: none;text-transform: uppercase;position: relative;color:var(--darkblue);}
#page-header #toppermenu .menu li.current-menu-item a{font-weight:600;}

#page-header #toppermenu .burgerbutton{bottom: 10px;display: block;width: 40px;height: 40px;position: absolute;bottom: 50%;right: .75rem;cursor: pointer;transform: translate(0, 50%);}
#page-header #toppermenu .burgerbutton span{display:block;width:100%;height:3px;margin:8px 0;background-color:var(--prime);border-radius:20px;transition:all .3s ease;}
#page-header #toppermenu .burgerbutton.active span:nth-child(1){transform:rotate(45deg);transition:all .3s ease;margin-top:22px;}
#page-header #toppermenu .burgerbutton.active span:nth-child(2){opacity:0;transition:all .3s ease;}
#page-header #toppermenu .burgerbutton.active span:nth-child(3){transform:rotate(-45deg);transition:all .3s ease;margin-top:-22px;}

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

#page-header.bottom{padding:10px 0;position:fixed;top:0;left:0;right:0;-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fadein 1s; /* Firefox < 16 */-ms-animation: fadein 1s; /* Internet Explorer */-o-animation: fadein 1s; /* Opera < 12.1 */animation: fadein 1s;z-index:999;}
#page-header.bottom .logo img{width:65%;}
#page-header.bottom #toppermenu{align-items:center;}
#page-header.bottom #toppermenu .menu{margin:0;}
#page-header.bottom #toppermenu .menu li{margin:0;}

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

#page-footer{background-color: var(--turquoise);padding:50px 0;position: relative;}
#page-footer .headline{font-size:105%;font-weight:600;}
#page-footer li{padding:0;margin:0;}
#page-footer a{position:relative;display:block;margin-bottom:0;transition:all .3s ease;font-size:100%;text-decoration:none;color:var(--darkblue);line-height:1.1;}
#page-footer a:hover{color:var(--lightblue-hover);transition:all .3s ease;}


#page-footer .copyright{display:block;margin-top:50px;}
#page-footer .copyright span{float:left;width:100%;text-align:left;font-size:100%;color:var(--darkblue);}

/*------------------------------ACF-Flexible-Content-----------------------------------------*/





/*----------------------------------Abweichungen---------------------------------------------*/