/**
 *
 * Theme Name:        Fehlker Berning
 * 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: #F18324 ;
    --mainhover: #D7561F;
    --sec: #642E2C ;
    --font: #202020;
    --gray: #444444;
    --white: #FFFFFF;
    --lightgray: #F7F7F7;
}

body,html,*{font-size:18px;line-height:1.5;font-family:'Roboto';font-weight:300;}
html{scroll-behavior: smooth;overflow-x: hidden;}
/* body{overflow-x: hidden;} */

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

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

ul{padding:0;margin:15px 0;}

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

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

.headline{font-family: "Antique Olive"; font-weight:300;display:block;color:var(--font);margin-bottom:50px;line-height:1.2;max-width:100%;}
.subline{font-size:200%;font-weight:300;display:block;color:var(--main);margin-bottom:25px;}
.topline{font-family: "Antique Olive";font-weight:300;font-size: 165%; color: var(--main);}

.btn{position:relative;padding:10px 50px 10px 50px;font-size:100%;font-weight:700;background:var(--main);color:var(--white);transition:all .3s ease;line-height:1;text-align:center;text-decoration:none;border-radius:0;}
.btn a{font-weight: 700;}
.btn:hover{background:var(--mainhover);transition:all .3s ease;color:var(--white);}

.btnlight{position:relative;padding:13px 50px 12px 75px;font-size:135%;font-weight:700;color:var(--font);transition:all .3s ease;line-height:1;text-decoration:none;border-radius:0;display:block;margin:20px 0;}
.btnlight:hover{color:var(--main);transition:all .3s ease;text-decoration:none;}
.btnlight:before{content:'';display:block;width:45px;height:45px;background:url('media/slider-arrow.svg');background-size:75%;background-position:center;background-repeat:no-repeat;position:absolute;top:0;left:0;;border:solid 2px var(--main);transition:all .3s ease;transform:rotate(180deg);}
.btnlight:hover:before{background:var(--main) url('media/slider-arrow-white.svg');background-size:75%;background-position:center;background-repeat:no-repeat;transition:all .3s ease;}


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

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

.telefon{position:relative;padding-left:30px;}
.telefon:before{content:'';display:block;width:20px;height:20px;position:absolute;top:2.5px;left:0;background:url('media/telefon.svg');background-position:center;background-size:100%;background-repeat:no-repeat;}
.email{position:relative;padding-left:30px;}
.email:before{content:'';display:block;width:20px;height:20px;position:absolute;top:2.5px;left:0;background:url('media/email.svg');background-position:center;background-size:100%;background-repeat:no-repeat;}
.anfahrt{position:relative;padding-left:30px;}
.anfahrt:before{content:'';display:block;width:35px;height:25px;position:absolute;top:0;left:0;background:url('media/car_orange.svg');background-position:center;background-size:100%;background-repeat:no-repeat;}

.owl-carousel .owl-stage { display:flex; flex-wrap:nowrap; }
.owl-carousel .owl-item  { flex:0 0 auto; } /* nicht schrumpfen */
.owl-controls{width:calc(100% - 170px);padding:25px 0;}
.owl-controls .owl-nav{display:flex;flex-direction:row;gap:50px;justify-content:end;}
.owl-controls .owl-nav .owl-prev{display:block;width:50px;height:50px;background:url('media/slider-arrow.svg');background-size:75%;background-position:center;background-repeat:no-repeat;border:solid 2px var(--main);transition:all .3s ease;}
.owl-controls .owl-nav .owl-next{display:block;width:50px;height:50px;background:url('media/slider-arrow.svg');background-size:75%;background-position:center;background-repeat:no-repeat;border:solid 2px var(--main);transition:all .3s ease;transform:rotate(180deg);}
.owl-controls .owl-nav .owl-prev:hover{background:var(--main) url('media/slider-arrow-white.svg');background-size:75%;background-position:center;background-repeat:no-repeat;transition:all .3s ease;}
.owl-controls .owl-nav .owl-next:hover{background:var(--main) url('media/slider-arrow-white.svg');background-size:75%;background-position:center;background-repeat:no-repeat;transition:all .3s ease;}

.fancybox-lock .fancybox-overlay{background:rgba(0,0,0,0.7)}

.modal .inner{position:fixed;background:#fff;top:60px;z-index:99999999999;  margin-left: 50%;left: -475px;width:80%;max-width:950px;padding:40px;text-align:center;}
.modal .inner a{color:var(--main);}
.modal button{border: none;background-color: var(--main);}
.modal .inner .popup-close{background:var(--main);color:#fff;position:absolute;top:-15px;right:-15px;padding: 0px 15px;cursor:pointer;font-size:200%;font-weight:600;}
.modal .inner .popup-close:focus-visible{outline: auto;}
.modal_background{position:fixed;background:rgba(30,30,30,0.7);top:0;right:0;bottom:0;left:0;z-index:9999999999;}

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

#page-header{position:absolute;top:0;right:0;left:0;padding:15px 0;background:var(--main);-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{display:block;height:100%;align-content:center;}
#page-header .logo img{max-height:100px;}

#page-header .topmenu{padding:10px 0 25px;text-align:right;}
#page-header .topmenu .info{margin:0 45px;color:var(--white);}
#page-header .topmenu a{color:var(--white);text-decoration:none;margin-left:50px;position:relative;}
#page-header .topmenu a:hover{color:var(--font);}

#page-header .mainmenu #toppermenu{height:100%;align-content:center;text-align:right;}
#page-header .mainmenu #toppermenu .menu{position:unset;display: flex;align-items: center;justify-content: end;}
#page-header .mainmenu #toppermenu .menu li{display:inline-block;margin:0 10px;padding:5px 25px;position:unset;}
#page-header .mainmenu #toppermenu .menu li:before{display:none;}
#page-header .mainmenu #toppermenu .menu li a{padding:30px 0;text-decoration:none;position:relative;color:var(--white);font-size:115%;transition:all .3s ease;}
#page-header .mainmenu #toppermenu .menu li a:hover{color:var(--font);transition:all .3s ease;}
#page-header .mainmenu #toppermenu .menu li.btn{background:var(--sec);transition:all .3s ease;}
#page-header .mainmenu #toppermenu .menu li.btn:hover{background:var(--font);transition:all .3s ease;}
#page-header .mainmenu #toppermenu .menu li.btn:hover a{color:var(--white);}
#page-header .mainmenu #toppermenu .menu li.btn.current-menu-item{background:var(--font);}
#page-header .mainmenu #toppermenu .menu li.btn.current-menu-item > a{color:var(--white)}
#page-header .mainmenu #toppermenu .menu li.current-menu-item > a{color:var(--font)}
#page-header .mainmenu #toppermenu .menu li:last-child{margin-right: 0;margin-left: 30px;}

#page-header .mainmenu #toppermenu .menu li.menu-item-has-children{position: relative;}
#page-header .mainmenu #toppermenu .menu li .sub-menu{display:none;position:absolute;top:100%;left:-5px;background:var(--main);padding:15px 30px;}
#page-header .mainmenu #toppermenu .menu li:hover .sub-menu{display:block;}
#page-header .mainmenu #toppermenu .menu li .sub-menu li{display:block;margin:15px 0;padding:0;text-align:left;}
#page-header .mainmenu #toppermenu .menu li .sub-menu li:last-child{margin-bottom:0;}
#page-header .mainmenu #toppermenu .menu li .sub-menu li a{padding:0;line-height:1;}

#page-header.bottom{padding:10px 0;position:fixed;top:0;left:0;right:0;background:var(--main);-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 .topmenu{display:none;}
#page-header.bottom .logo img{max-width:50%;}
#page-header.bottom .mainmenu{height:100%;}

@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; }
}

#page-header .menubuttonburger{display:none;width:45px;height:40px;cursor:pointer;float:right;background:none;border:none;z-index: 2;position: relative;}
#page-header .menubuttonburger span{display:block;width:40px;height:3px;background:var(--white);transition:all .3s ease;}
#page-header .menubuttonburger span:nth-child(2){margin:7.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:-21px;transition:all .3s ease;}


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

#page-footer{background:var(--lightgray);padding:75px 0 0;}
#page-footer a{display:block;font-size:100%;font-weight:300;}
#page-footer a:hover{color:var(--main);}
#page-footer p, #page-footer span{font-size:115%;font-weight:300;}

#page-footer .main .headline{color:var(--dark);font-size:115%;font-weight:700;display:block;margin-bottom:15px;text-transform:none;font-family:'Roboto';}

#page-footer .main .logowrapper .logo img{width:300px;margin-bottom:50px;}

#page-footer .main .adressenwrapper{display:block;margin-bottom:50px;}

#page-footer .main .kontaktwrapper .telefon{padding-left:35px;margin-bottom:10px;}
#page-footer .main .kontaktwrapper .telefon:before{width:25px;height:25px;background:url('media/telefon_orange.svg');background-position:center;background-size:100%;background-repeat:no-repeat;}
#page-footer .main .kontaktwrapper .email{padding-left:35px;margin-bottom:10px;}
#page-footer .main .kontaktwrapper .email:before{width:25px;height:20px;background:url('media/email_orange.svg');background-position:center;background-size:100%;background-repeat:no-repeat;}

#page-footer .main .offnungszeitenwrapper .day{display:inline-block;width:100px;}

#page-footer .main .anfahrtswrapper{display:block;margin-top:25px;}
#page-footer .main .anfahrtswrapper .anfahrt{padding-left:50px;}

#page-footer .main .socialwrapper .instagram{display:block;margin-bottom:10px;}
#page-footer .main .socialwrapper .instagram img{display:inline-block;width:30px;margin-right:10px;margin-top:-2.5px;}
#page-footer .main .socialwrapper .facebook{display:block;margin-bottom:10px;}
#page-footer .main .socialwrapper .facebook img{display:inline-block;width:30px;margin-right:10px;margin-top:-2.5px;}

#page-footer .bottom{display:flex;flex-direction:row;justify-content:space-between;margin-top:50px;}
#page-footer .bottom .copyright{display:inline-block;width: 50%;padding:15px 0;}
#page-footer .bottom .copyright span{display:inline-block;color:var(--dark);font-size:100%;font-weight:300;text-decoration:none;transition:all .3s ease;}
#page-footer .bottom .links{display:inline-block;width: 50%;text-align:right;align-content:center;}
#page-footer .bottom .links a{display:inline-block;color:var(--dark);font-size:100%;font-weight:300;text-decoration:none;transition:all .3s ease;position: relative;margin-left:50px;}
#page-footer .bottom .links a:hover{color:var(--main);}



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

.barrierefreiheit .headline, .impressum .headline, .datenschutz .headline{margin-bottom:15px;margin-top:35px;}