/*
 Theme Name:   GFS GmbH Child Theme
 Theme URI:    https://www.diewebsupporter.de
 Description:  GFS GmbH Hausmeister Good Fellas child theme
 Author:       https://www.diewebsupporter.de
 Author URI:   https://www.diewebsupporter.de
 Template:     generatepress
 Version:      0.1
*/





@font-face {
  font-display: swap;
  font-family: 'Suez';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/suez-one-v11-latin-regular.woff2') format('woff2'), 
       url('fonts/suez-one-v11-latin-regular.woff') format('woff');
}
/* --------------------- TYPO ---------------------  */

h1,h2,h3,h4,h5, .main-nav a, .vorteile li{font-family:"Suez", Arial;font-weight:400}
p,li{font-size:20px}
.textgross{font-size:25px;font-weight:500}
.site-footer p{font-size:18px}

h1{font-size:60px}
h2{font-size:50px;margin-bottom:40px}
h3{font-size: 40px}
h4, .vorteile li{font-size:35px}

.hero span{font-size:80px}

/* --------------------- VARS ---------------------  */

:root {
  --primaer:#EEAF15;
  --borderradius: 25px;
  --filmstreifen:#1E1E1E;
}


/* --------------------- HELPER ---------------------  */

.schwarz{background-color:#000000}
.rund{border-radius: var(--borderradius)}
.textcenter *{text-align: center}
.textschmal{width:100%;max-width:750px;margin-left:auto;margin-right:auto}
.wandhinter{background-image: url(/wp-content/uploads/2023/04/gfs_background1.webp);background-repeat: no-repeat;background-size:101%;background-position: center -10px}
.textschatten{text-shadow: 2px 2px 4px rgba(0,0,0,0.6)}
.band{position:relative}
.band .wp-block-group__inner-container:after{border-bottom-left-radius: var(--borderradius);border-bottom-right-radius: var(--borderradius);content:"";position:absolute;bottom:0;left:0;width: 100%;height:70px;background-image: url(/wp-content/uploads/2023/05/gfs-absperrband.svg);background-repeat: no-repeat;background-size:cover;}

/* --------------------- BASIC LAYOUT ---------------------  */


.one-container .site-content{padding:0}

.wp-block-group{margin:60px auto}

header .inside-header{background-color:#000000;border-bottom-left-radius: var(--borderradius);border-bottom-right-radius: var(--borderradius)}

header{background-color: var(--filmstreifen)!important}


button, button:focus, button:active, button:hover, a,a:focus,a:active, a:hover{color:inherit;-webkit-tap-highlight-color: transparent !important;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
svg{shape-rendering: geometricprecision;}


/* --------------------- BUTTON ---------------------  */

.buttons{display: block;margin-top:50px}
.buttons a{position: relative;font-weight: 600;font-size:20px;color:#ffffff!important;height: 40px;padding: 10px 25px;outline: none;border: 2px solid #ffffff;background-color: transparent;border-radius: 5px;cursor: pointer;text-decoration: none;z-index: 1;}

.buttons a:not(:last-child){margin-right:25px}

.buttons a:after {content: "";position: absolute;width: 100%;top: 7px;left: 7px;height: 100%;background-color: var(--primaer);z-index: -1;transition: all 0.35s;border-radius: 3px;}
.buttons a:hover:after {top: 0px;left: 0px;}

/* --------------------- NAVI ---------------------  */

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a, .mPS2id-highlight{color:var(--primaer) !important;background-color: transparent;}
 .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a{color:#ffffff}

 .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background-color: transparent;}


/* --------------------- HERO ---------------------  */

.hero{background-image: url(/wp-content/uploads/2023/05/gfs-hero.webp);background-repeat: no-repeat;background-size:auto 100%;background-position: right center}



/* --------------------- LEISTUNGEN ---------------------  */

.lightweight-accordion .lightweight-accordion-title{background:transparent!important;display: block;display:flex;padding: 20px 0;cursor: pointer;align-items: center}

.lightweight-accordion:not(:last-child) .lightweight-accordion-title{border-style: none none dotted;border-width: 5px;border-color: #ffffff}

.lightweight-accordion .lightweight-accordion-title:after{transition:.5s ease-in-out;transform: rotate(0);display:block;margin-left:auto;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 464.58 464.58'%3E%3Cpath fill='%23FFFFFF' d='M461.3 188.29a10.38 10.38 0 0 0-7.92-3.28H279.55V11.2A11.39 11.39 0 0 0 268.4 0h-72.18a11.39 11.39 0 0 0-11.2 11.2v173.83H11.2A11.38 11.38 0 0 0 0 196.23v72.13a11.38 11.38 0 0 0 11.2 11.2h173.82v173.83a11.38 11.38 0 0 0 11.2 11.19h72.18a11.38 11.38 0 0 0 11.2-11.19V279.56h173.8a11.38 11.38 0 0 0 11.2-11.2v-72.13a10.36 10.36 0 0 0-3.3-7.94Z'/%3E%3C/svg%3E");width:20px;height:20px}

.lightweight-accordion details[open] .lightweight-accordion-title:after{transform: rotate(45deg);}

.lightweight-accordion .lightweight-accordion-title::marker{display:none!important;content:""!important}

::-webkit-details-marker {   display:none; }

.lightweight-accordion .lightweight-accordion-title h3{margin-bottom:0}




.lightweight-accordion .lightweight-accordion-body {padding: 25px 0 ;}

.lightweight-accordion details[open] summary ~ * {animation: lwopen .5s ease-in-out}

.lightweight-accordion .lightweight-accordion-body ul{margin:0;}
.lightweight-accordion .lightweight-accordion-body li{list-style: none !important;position: relative;padding-left:35px}

.lightweight-accordion .lightweight-accordion-body li:before{content: '';position: absolute;left: 0;top:6px;width: 20px;height: 20px;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 504 504' fill ='%23F9BD38'%3E%3Cpath d='M252 0C113 0 0 113 0 252s113 252 252 252 252-113 252-252S391 0 252 0Zm0 33.6A218.4 218.4 0 1 1 33.6 252 218.14 218.14 0 0 1 252 33.6Zm122.68 111.82a16.78 16.78 0 0 0-11.55 5.25l-161.7 167-60.73-60.77a16.8 16.8 0 1 0-23.8 23.62l72.8 72.8a16.82 16.82 0 0 0 24-.17L387.28 174a16.81 16.81 0 0 0-12.6-28.53Z'/%3E%3C/svg%3E");}
@keyframes lwopen {
    0%    {opacity: 0;}
    100%  {opacity: 1;}
}


/* --------------------- CTA1 &  COVERBLOCK  ---------------------  */


.coverblock .wp-block-group__inner-container{margin:0;padding:0}

.coverblock .wp-block-cover{padding:40px}

.coverblock .wp-block-cover span, .coverblock .wp-block-cover img{border-radius: var(--borderradius);}


.coverblock.cta1 .wp-block-cover{align-items: flex-end}

.cta1 .wp-block-group__inner-container, .about .wp-block-group__inner-container{padding:0 !important}


/* --------------------- VORTEILE ---------------------  */

.vorteile{background-position: center -250px}
.vorteile .wanted img {transform:rotate(8deg)}
.vorteile .wanted{text-align: center}

.vorteile ul{margin:0;}
.vorteile li{list-style: none !important;position: relative;padding-left:40px}

.vorteile li:before{content: '';position: absolute;left: 0;top:16px;width: 20px;height: 20px;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.76 28.52'%3E%3Cpath d='M196.72 2783.92a2.83 2.83 0 0 0-3.94-.13c-1.81 1.71-3.43 3.4-5 5.17s-3.14 3.56-4.63 5.44a109.06 109.06 0 0 0-5.46 7.47l-6-7.21a2.82 2.82 0 0 0-3.68-.55 2.76 2.76 0 0 0-.81 3.84s7 10.74 8 12.07a3.47 3.47 0 0 0 6-.36c1.32-2.26 4.49-7.76 7.08-11.41 1.29-1.85 2.65-3.63 4.07-5.4s2.91-3.5 4.37-5l.06-.06a2.76 2.76 0 0 0 0-3.82Z' style='fill:%23fff' transform='translate(-166.71 -2783.05)'/%3E%3C/svg%3E");}


/* --------------------- KONTAKT ---------------------  */

.kontakt iframe{border-radius: var(--borderradius);}

.kontaktbutton{margin-bottom:15px}
.kontaktbutton a{text-decoration: none;position: relative;padding-left:40px}

.kontaktbutton.tel a:before{content: '';position: absolute;left: 0;top:5px;width: 25px;height: 25px;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 559.32 522.07'%3E%3Cpath fill ='%23F9BD38' d='m471.89 320.47-37-17.92c-33.6-15.68-50.4 5.6-72.8 34.72-5.6 6.72-12.32 15.68-20.16 24.64v1.12h-1.08c-71.68-28-125.44-73.92-165.76-141.12v-1.12a3.91 3.91 0 0 0 1.12-2.24c24.64-28 47-53.76 35.84-86.24-13.44-34.72-28-68.32-41.44-99.68-4.48-7.84-14.56-26.88-31.36-29.12h-1.12c-23.52-4.48-56-9-82.88 15.68-61.6 57.12-72.8 144.48-28 222.92 108.64 188.12 271 275.48 384.16 280h7.84c30.24 0 71.68-10.08 103-40.32 25.8-24.68 38.12-58.28 37-97.48-1.12-23.52-9-26.88-87.36-63.84Zm19 128.8c-22.4 21.28-53.76 29.12-77.28 26.88h-1.12c-100.8-3.36-247.52-85.12-347.2-257.6-34.72-59.36-26.88-123.2 20.16-166.88 5.6-5.6 12.32-6.72 20.16-6.72 5.6 0 13.44 1.12 21.28 2.24 1.12 1.12 1.12 2.24 2.24 3.36 13.44 31.36 28 63.84 40.32 97.44 2.23 6.72-12.32 23.52-26.88 41.44-14.56 16.8-16.8 37-5.6 54.88 44.8 75 107.52 129.92 188.16 160.16 20.16 7.84 39.19 2.24 52.64-13.44 7.84-10.08 14.56-17.92 20.16-25.76a235.09 235.09 0 0 1 19-22.4l37 17.92c31.36 14.56 52.64 24.64 61.6 30.24-1.12 23.52-9 43.68-24.64 58.24Z'/%3E%3C/svg%3E")}
.kontaktbutton.mail a:before{content: '';position: absolute;left: 0;top:5px;width: 25px;height: 25px;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 470.4 336'%3E%3Cpath fill ='%23F9BD38' d='M50.4 0C22.4 0 0 23.61 0 51.62V284.2c0 28 22.42 51.8 50.4 51.8H420c28 0 50.4-23.79 50.4-51.8V51.62C470.4 23.62 447.98 0 420 0Zm2.45 33.6h364.88L245.2 197.4c-6.28 6-13.31 6-19.6 0Zm-19.25 28 114.45 108.5L33.6 284.2Zm403.2 0v222.6L322.7 169.92 436.8 61.6ZM298.55 193l109 109.38H63l109.38-109.2 30.1 28.52a48.18 48.18 0 0 0 65.8 0Z'/%3E%3C/svg%3E")}

.kontaktbutton.tel{margin-top:20px}



/* --------------------- FOOTER ---------------------  */

.site-footer{background-color: var(--filmstreifen)!important}

.footer-widgets, .site-info{background-color:#000000!important;}


.footer-widgets{background-color:#000000!important;border-top-left-radius: var(--borderradius);border-top-right-radius: var(--borderradius)}

.footer-widgets-container{padding:100px 50px 30px}

.footer-widgets a{text-decoration: none;display: block}

.site-footer a:hover{color:var(--primaer);}

.site-info p{font-size:15px;color:#888;margin-bottom: 0}




/* --------------------- MOBILE OPT BIS SMARTPHONE ---------------------  */

@media(max-width:500px){
    .site-main .wp-block-group__inner-container{padding:60px 30px}
    h1{font-size:37px}
    h2{font-size:35px}
    h3{font-size:25px}
    .textgross{font-size:22px}

    .hero .wp-block-group__inner-container{padding-top:250px}
    .hero {background-size: 100%;background-position: top center;background-image:linear-gradient(to bottom, rgba(245, 246, 252, 0), black 60%),url(/wp-content/uploads/2023/05/gfs-hero.webp)}
    .wanted{margin-top:50px}
    .site-header .header-image{width:170px}

}   

/* --------------------- MOBILE OPT BIS TABLET ---------------------  */

@media (max-width:920px){

.menu-toggle {font-size:30px}
.hero .wp-block-columns , .kontakt .wp-block-columns {flex-wrap: wrap!important;margin-bottom: 0}
.hero .wp-block-columns .wp-block-column:first-child, .kontakt .wp-block-columns .wp-block-column{flex-basis: 100%!important}
.hero .wp-block-columns .wp-block-column:last-child{display: none}

 .wandhinter{background-image:linear-gradient(to bottom, rgba(245, 246, 252, 0), black 70%), url(/wp-content/uploads/2023/04/gfs_background1.webp);background-repeat: no-repeat;background-size: 120%;background-position: center -10px}
    .vorteile li{font-size:25px;line-height:1.6}

}

/* --------------------- MOBILE OPT AB TABLET ---------------------  */


@media (min-width:768px){



.site-main .wp-block-group__inner-container{padding:100px 60px}

header .inside-header{padding:20px 60px}



.outer_wrapper{position: relative;padding:0 60px;-webkit-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.5);box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.5)}

.outer_wrapper:before, .outer_wrapper:after{background-image:url(/wp-content/uploads/2023/04/gfs-film-schwarz-trans.svg);background-repeat: repeat-y;background-size: 60px}
.outer_wrapper:before{content:"";height:100%;width:60px;position: absolute;top:0;left:0}
.outer_wrapper:after{content:"";height:100%;width:60px;position: absolute;top:0;right:0}



}


@media (min-width:768px) and ( max-width:1020px){
    .hero{background-size: 100%}

}

/* --------------------- MOBILE OPT AB LAPTOP ---------------------  */

@media (min-width:1024px){

body{background-image: url(/wp-content/uploads/2023/04/gfs-hintergrund.svg);background-repeat: repeat;background-size: 100px;background-attachment: fixed}
}



.BorlabsCookie ._brlbs-google-maps a._brlbs-btn{background:var(--primaer)!important}