/**
 *
 * Theme Name:        Fitzner Transport 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: #3D3D3D ;
--sec: #EB5F0B ;
--hover: #CC530A ;
--white: #FFFFFF;
--light: #F0F0F0;
--black: #000000;
--gray: #DEDEDE;

}

body,html,*{font-size:20px;line-height:1.5;font-family:'Montserrat';font-weight:300;}
html{scroll-behavior: smooth;}

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

li{list-style:none;padding-left:30px;position:relative;}

ul{padding:0;margin:0;}

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

h1{font-size:350%;}
h2{font-size:250%;}
h3{font-size:175%;}

.topline{font-size:115%;font-weight:700;display:block;color:var(--sec);text-transform:uppercase;margin-bottom:5px;line-height:1.3;}
.headline{font-weight:800;display:block;color:var(--main);text-transform:uppercase;margin-bottom:35px;line-height:1.3;}
.subline{font-size:115%;font-weight:700;display:block;color:var(--sec);text-transform:uppercase;margin-top:5px;line-height:1.3;}

.btn{position:relative;padding:10px 50px 11px 50px;border-radius:5px;font-size:100%;font-weight:700;text-transform:uppercase;background:var(--sec);color:var(--white);transition:all .3s ease;line-height:1;text-align:center;}
.btn:hover{background:var(--hover);transition:all .3s ease;color:var(--white);}

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

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

.row > *{position: relative;}

/*------------------------------------Formular CF7-------------------------------------------*/

input, select, textarea{background:var(--white);border-radius:5px;border:none;box-shadow:none;width:100%;padding:7.5px 15px;margin-bottom:20px;color:var(--black);font-weight:500;}
input[type="radio"]{width:15px;margin-right:5px;margin-bottom:0;}
input[type="submit"]{width:max-content;margin-top:25px;float:right;margin-bottom:0;}
select{padding:12.5px 15px;}
textarea{height:110px;}
label{width:100%;}

.wpcf7-list-item{margin-left:0!important;width:calc(100% / 4);}
.wpcf7-form p{margin-bottom:0;}
.wpcf7-not-valid-tip{margin-top:-15px;margin-bottom:20px}

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

#page-header{position:absolute;top:0;right:0;left:0;z-index:999;padding:25px 0;background:var(--white);backdrop-filter: blur(10px);}
#page-header #toppermenu{text-align: right;height:100%;align-content:center;}
#page-header #toppermenu .menu li{display: inline-block;padding:5px 50px;position:unset;}
#page-header #toppermenu .menu li a{color: var(--main); text-transform: uppercase; font-weight: 700;transition:all .3s ease;}
#page-header #toppermenu .menu li a:hover{color:var(--sec);transition:all .3s ease;}
#page-header #toppermenu .menu li.btn a{color:var(--white);}
#page-header #toppermenu .menu li.btn a:hover{color:var(--white);}

#page-header #menuburgerbutton{display:none;background:none;border:none;float:right;position:relative;z-index:99;width:40px;height:32px;padding:0;}
#page-header #menuburgerbutton span{display:block;width:40px;height:4px;border-radius:5px;margin:5px 0;background:var(--main);transition:all .3s ease;}
#page-header #menuburgerbutton.active span:nth-child(1){transform:rotate(45deg);margin-top:6px;transition:all .3s ease;}
#page-header #menuburgerbutton.active span:nth-child(2){opacity:0;transition:all .3s ease;}
#page-header #menuburgerbutton.active span:nth-child(3){transform:rotate(-45deg);margin-top:-18px;transition:all .3s ease;}

#page-header.bottom{position:fixed;top:0;left:0;right:0;padding:10px 0;-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:999;}
#page-header.bottom .logo img{width:50%;}

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

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

#page-footer{background:var(--light);padding:100px 0 25px;position:relative;overflow:hidden;}
#page-footer:before{content:'';position:absolute;top:115px;left:-60px;background:url('media/reifenspur_grau.svg');background-size:100%;background-position:center;background-repeat:no-repeat;z-index:0;display:block;width:435px;height:525px;}
#page-footer p{font-size:90%;}
#page-footer .logo{margin-bottom:50px;display:block;}
#page-footer .logo img{width:60%;}
#page-footer .kontakt{padding-top:90px;}
#page-footer .kontakt a{display:block;position:relative;padding-left:35px;font-size:90%;margin:15px 0;}
#page-footer .kontakt a.mail:before{content:'';display:block;width:25px;height:25px;background:url('media/mail.svg');background-position:center;background-size:100%;background-repeat:no-repeat;position:absolute;top:0;left:0;}
#page-footer .kontakt a.telefon:before{content:'';display:block;width:25px;height:25px;background:url('media/telefon.svg');background-position:center;background-size:100%;background-repeat:no-repeat;position:absolute;top:0;left:0;}


#page-footer .copyright{margin-top:100px;position: relative;z-index:99;}
#page-footer .copyright span{display:block;text-align:left;font-size:75%;}
#page-footer .copyright a{font-size:75%;margin-right:50px;}
#page-footer .copyright a:last-child{margin-right:0;}
#page-footer .links{text-align:right;}