/**
 *
 * Theme Name:        FABRY 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: #AB8048 ;
--sec: #413029 ;
--font: #707070;
--lightgray: #f8f8f8;
--white: #ffffff;
--black: #000000;

}


body,html,*{font-size:18px;line-height:1.5;font-family:'Roboto';font-weight:300;}
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;}
li{list-style:none;padding-left:20px;position:relative;}
li:before{content:'';display:block;width:7.5px;height:7.5px;background:var(--main);border-radius:50%;position:absolute;top:8.5px;left:0;}

img{max-width:100%;height:auto;}
strong{font-weight:700;font-size:100%;}

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

.headline{font-weight:700;font-family:'Roboto Slab';display:block;color:var(--main);text-transform:uppercase;margin-bottom:25px;line-height:1;}
.subline{font-size:130%;font-weight:700;display:block;color:var(--font);text-transform:uppercase;margin-bottom:25px;line-height:1;}
.blocktopline{font-size:130%;font-family:'Roboto Slab';font-weight:700;display:block;color:var(--main);text-transform:uppercase;margin-bottom:15px;line-height:1;}

.btn{position:relative;padding:12px 50px 15px 50px;margin-right:5px;margin-bottom:10px;font-family:'Roboto Slab';font-size:100%;font-weight:600;background:var(--main);color:#fff;transition:all .3s ease;text-transform:uppercase;line-height:1;text-align:center;}
.btn:hover{background:var(--sec);color:var(--white);transition:all .3s ease;}
.btn.light{background:transparent;color:var(--main);text-transform:uppercase;padding:0;font-family:'Roboto Slab';font-size:130%;transition:all .3s ease;}
.btn.light:hover{color:var(--sec);transition:all .3s ease;}
.btn.light:after{content:'';display:block;width:12.5px;height:25px;background:url('media/arrow_right.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:0;right:-35px;transition:all .3s ease;}
.btn.light:hover:after{right:-45px;transition:all .3s ease;}
.btnzwei{margin-left:25px;}

.container{max-width:1460px;}
.container.wide{max-width:1920px;}

.karteparallax{height:480px;margin:0 0 30px;-webkit-background-size: cover!important;-moz-background-size: cover!important;-o-background-size: cover!important;background-size: cover!important;background-position: center center!important; }
.karteparallax img{width:100%!important;height:100%!important}

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

#menu-item-860{display:none!important;}

#page-header{position:absolute;top:0;right:0;left:0;padding:15px 0;background:linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.13) 75%, rgba(0, 0, 0, 0) 100%);;z-index:999;}
#page-header #toppermenu{height:50%;align-content:center;}
#page-header #toppermenu .menu{display:flex;justify-content:space-between;padding:0 25px;}
#page-header #toppermenu .menu li{display:inline-block;padding:25px 0;position: relative;}
#page-header #toppermenu .menu li:before{display:none;}
#page-header #toppermenu .menu li a{color:var(--white);text-decoration:none;font-weight:700;}
#page-header #toppermenu .menu li .sub-menu{display:none;position:absolute;top:100%;left:0;background:var(--main);padding:25px;width:450px;z-index:9;}
#page-header #toppermenu .menu li:hover .sub-menu{display:flex;flex-direction: row;flex-wrap: wrap;}
#page-header #toppermenu .menu li .sub-menu:after{content:'';position:absolute;top:-20px;left:35px;display:block;width:35px;height:20px;background:var(--main);clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}
#page-header #toppermenu .menu li .sub-menu li{flex:0 0 50%;max-width:50%;padding:5px;}

#page-header .logo img{filter: brightness(0) invert(1);}

#page-header.bottom{padding:15px 0;position:fixed;top:0;left:0;right:0;background:var(--sec);-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{max-width:35%;margin:0 auto;display:block;}
#page-header.bottom #toppermenu{height:100%;}

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


#page-header .desktop{display:block;}
#page-header .mobile{display:none;}


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

#page-footer{background:var(--sec);padding:50px 0 15px;position: relative;}
#page-footer *{color:var(--white);}
#page-footer a{text-decoration:none;}

#page-footer .logo img{max-width:75%;}
#page-footer .abstandoben{margin-top:75px;}
#page-footer span{display:block;}

#page-footer .hinweis.telefon{margin-top:5px;padding:0 25px;position:relative;font-size:95%;}
#page-footer .hinweis.telefon:after{content:'';display:block;width:15px;height:15px;background:url('media/info-icon.svg');background-position:center;background-repeat:no-repeat;background-size:100%;position:absolute;top:5px;left:0;}

#page-footer .tage{display:block;margin-bottom:15px;}
#page-footer .tage .tag{display:inline-block;width:75px;font-weight:700;}
#page-footer .tage .zeit{display:inline-block;}

#page-footer .copyright{margin-top:50px;}
#page-footer .copyright span{text-align:left;font-size:75%;}
#page-footer .copyright .links{text-align:right;}
#page-footer .copyright .links a{font-size:75%;padding-right:35px;text-decoration:none;}
#page-footer .copyright .links a:last-child{padding-right:0;}

@media print{
    #page-header{display:none;}
    #page-footer{display:none;}

    #page69 div[class^="flx_"], div[class*="flx_"]{display:none;}
    #page69 .flx_speisenblock{display:block!important;padding:25px 0!important;}
    #page69 .flx_speisenblock .headline{font-size:175%;}
    #page69 .flx_speisenblock .subline{font-size:125%;}


}