.elementor-kit-82{--e-global-color-primary:#0C4440;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#1E4340;--e-global-color-1d94c5a5:#FFF;--e-global-color-6c3b9a9d:#111111;--e-global-color-b516fea:#222222;--e-global-color-d4c2a9b:#34AD9C;--e-global-color-ace8197:#2A8A7D;--e-global-color-d23e972:#C9EEE0;--e-global-color-7e41dc17:#0C4440;--e-global-color-0b5480d:#F2F0EC;--e-global-color-5c43805:#FCF390;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;color:#222222;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:-0.1px;}.elementor-kit-82 button,.elementor-kit-82 input[type="button"],.elementor-kit-82 input[type="submit"],.elementor-kit-82 .elementor-button{background-color:var( --e-global-color-d4c2a9b );font-family:"Montserrat", Sans-serif;font-weight:600;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-d4c2a9b );border-radius:100px 100px 100px 100px;}.elementor-kit-82 button:hover,.elementor-kit-82 button:focus,.elementor-kit-82 input[type="button"]:hover,.elementor-kit-82 input[type="button"]:focus,.elementor-kit-82 input[type="submit"]:hover,.elementor-kit-82 input[type="submit"]:focus,.elementor-kit-82 .elementor-button:hover,.elementor-kit-82 .elementor-button:focus{background-color:var( --e-global-color-ace8197 );color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-ace8197 );border-radius:100px 100px 100px 100px;}.elementor-kit-82 e-page-transition{background-color:#FFBC7D;}.elementor-kit-82 a{color:var( --e-global-color-d4c2a9b );font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-kit-82 a:hover{color:var( --e-global-color-ace8197 );}.elementor-kit-82 h1{color:#111111;font-family:"Gazpacho Bold", Sans-serif;font-size:48px;line-height:58px;}.elementor-kit-82 h2{color:#111111;font-family:"Gazpacho Bold", Sans-serif;font-size:32px;line-height:40px;}.elementor-kit-82 h3{color:#111111;font-family:"Montserrat", Sans-serif;font-weight:600;line-height:1.2em;}.elementor-kit-82 h4{color:#111111;font-family:"Montserrat", Sans-serif;font-weight:600;line-height:1.2em;}.elementor-kit-82 h5{color:#111111;font-family:"Montserrat", Sans-serif;font-weight:600;line-height:1.3em;}.elementor-kit-82 h6{color:#111111;font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-82 h1{font-size:32px;line-height:40px;}.elementor-kit-82 h2{font-size:28px;line-height:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-82{font-size:15px;line-height:26px;}.elementor-kit-82 a{font-size:15px;line-height:26px;}.elementor-kit-82 h1{font-size:24px;line-height:32px;}.elementor-kit-82 h2{font-size:20px;line-height:28px;}.elementor-kit-82 h3{font-size:18px;line-height:24px;}.elementor-kit-82 h4{font-size:18px;line-height:24px;}.elementor-kit-82 h5{font-size:16px;line-height:28px;}.elementor-kit-82 h6{font-size:16px;line-height:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* CONTENT 1. Allgemein 2. UserCentrics 3. Icon List 4. Numbered List 5. Hero Images 6. Partner-Map 7. Blog Post Template 8. Über Uns Seite 9. FAQ Sektionen aufklappbar 10. Team-Seite */ /*****************************/ /* 1. START ALLGEMEIN */ html, body{ overflow-x: hidden; } p b, p strong{ font-weight: 700; } ul{ margin-bottom: 20px; } /* HUBSPOT: Change font-family of pop-ups */ .leadinModal-content { font-family: Montserrat,sans-serif; } @media (max-width:1025px){ h1 br,h2 br, h3 br,h4 br, h5 br, h6 br{ display:none; } } /*Navigation hover kein Link Menüüberpunkte*/ .hover-no-link{ cursor: default; } .elementor-testimonial-wrapper .elementor-testimonial-job{ padding-top: 5px; } a.white{ color: white; } .type-page p a{ text-decoration: underline; } .width-750 { max-width: 750px !important; margin: 0 auto; } /* 1. END ALLGEMEIN */ /*****************************/ /* ***************************/ /* 2. Start UserCentrics Smart Data Protector Externe Medien */ .uc-embedding-container .uc-embedding-buttons .uc-embedding-more-info{ background-color: #f5f5f5 !important; border-color: #f5f5f5 !important; color: #222222 !important; } .uc-embedding-container{ min-height: 360px; } .uc-embedding-wrapper { width: 420px !important; max-height: calc(100% - 40px) !important; max-width: calc(100% - 40px) !important; background-color: rgba(255,255,255, 0.98) !important; } .uc-embedding-wrapper span{ display: none; } .uc-embedding-wrapper h3{ font-size: 16px !important; } .uc-embedding-wrapper .description-text{ font-size: 13px !important; font-family: 'Montserrat', Sans-Serif; } @media (max-width: 767px){ .uc-embedding-wrapper h3 { font-size: 16px !important; line-height: 20px; } .uc-embedding-wrapper .description-text{ font-size: 12px !important; line-height: 1.4; } } .map-container{ background-size: cover; background-repeat: no-repeat; background-position: center center; } /* MAP DE DESKTOP – Larger Background Image Size */ .map-container{ background-image: url("/wp-content/uploads/2025/01/map-background-before-consent-de-2025-01-31-1400px.webp"); } /* MAP DE MOBILE – Smaller Background Image Size */ @media(max-width: 768px){ .map-container{ background-image: url("/wp-content/uploads/2025/01/map-background-before-consent-de-2025-01-31-700px.webp"); } } /* MAP AT DESKTOP – Larger Background Image Size */ .map-container{ background-image: url("/wp-content/uploads/2025/02/map-background-before-consent-at-2024-10-15-1400px.webp"); } /* MAP AT MOBILE – Smaller Background Image Size */ @media(max-width: 768px){ .map-container{ background-image: url("/wp-content/uploads/2025/02/map-background-before-consent-at-2024-10-15-700px.webp"); } } .map-container.konstanz{ background-image: url("https://recup.de/wp-content/uploads/2024/11/map-konstanz-2024-11-12.jpg"); } .map-container.freiburg{ background-image: url("/wp-content/uploads/2025/07/map-freiburg-2025-07-30.jpeg"); } /* 2. END UC EMBEDDING OVERLAY */ /****************************/ /********************/ /* 3. START ICON LISTS*/ .icon-list-check i{ font-size: 12px !important; line-height: 21px !important; color: #386262; padding-left: 1px; } .icon-list-check i:before{ position: relative; z-index: 2; } .icon-list-check i:after{ content:" "; position: absolute; width: 24px; height: 24px; background: #FEF380; top: -1px; left: -5px; border-radius: 100%; z-index: 1; /* border: 1.5px solid black;*/ } .icon-list-check.outline i:after{ border: 1.5px solid black; } .icon-list-check.white i{ color: #222 !important; z-index: 1; } .icon-list-check.white i:after{ background: #fff !important; } .icon-list-check.evergreen i{ color: #fff !important; } .icon-list-check.evergreen i:after{ background: #0C4440; } /*fix alignment after update 13.09.2021 */ .elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-icon{ align-self: flex-start; margin-top: 5px; } .icon-list-check.pro i{ color: #fff !important; } .icon-list-check.pro i:after{ background: #5BBFA7; } .icon-list-check.contra i{ color: #fff !important; padding-left: 3px; } .icon-list-check.contra i:after{ background: #EF6B44; } .icon-list-check.neutral i{ color: #fff !important; } .icon-list-check.neutral i:after{ background: #F9D35A; } /* 3. END ICON LISTS */ /******************/ /*************************/ /* 4. START NUMBERED LIST */ .numbered-list ol { counter-reset: my-awesome-counter; list-style: none; padding-left: 40px; } .numbered-list ol li { margin: 0 0 0.5rem 0; counter-increment: my-awesome-counter; position: relative; padding-bottom: 10px; } .numbered-list ol li b{ font-weight: 600 !important; } /*notwendig, damit der Standard-Marker nicht angezeigt wird*/ .numbered-list ol li::marker{ content:""; } .numbered-list ol li::before { content: counter(my-awesome-counter); font-size: 1.5rem; position: absolute; --size: 24px; left: calc(-1 * var(--size) - 10px); line-height: 23px; width: var(--size); height: var(--size); top: 0; background: #FEF380; border-radius: 50%; text-align: center; font-size: 14px; font-weight: 600; margin-top: 3px; } /* 4. END NUMBERED LIST */ /*********************/ /******************************************/ /* 5. START HERO IMAGES */ .hero-column-container{ min-height: 200px; } .hero-image-html-container{ height: 100%; } .hero-image{ position: absolute; left: 0; width: 50vw; max-width: 960px; height: 100%; background-repeat: no-repeat; background-size: cover !important; background-position: center !important; } @media(max-width: 1000px){ .hero-image{ width:100vw !important; max-width: 1020px; } .hero-column-container{ height: calc((100vw - 20px) * 0.66); } } /* ACHTUNG Beim Tausch der Bilder auch im Wordpress Editor (nicht Elementor) das preload image im head tauschen. Dieses sieht bspw so aus: Das ist wichtig, damit die Seite deutlich schneller lädt. Dies muss bei .at und .de gemacht werden */ .hero-image.gastronomie{ background-image: url('/wp-content/uploads/2025/02/hero-mehrwegbecher-min.jpeg'); background-image: image-set( url('/wp-content/uploads/2025/02/hero-mehrwegbecher-min.avif') type("image/avif"), url('/wp-content/uploads/2025/02/hero-mehrwegbecher-min.jpeg') type("image/jpeg") ); } .hero-image.rebowl-gastronomie{ background-image: url('/wp-content/uploads/2023/02/RECUP-Hamburg-Shooting-Pop-Look-57.jpg'); background-image: image-set( url('/wp-content/uploads/2023/02/RECUP-Hamburg-Shooting-Pop-Look-57.avif') type("image/avif"), url('/wp-content/uploads/2023/02/RECUP-Hamburg-Shooting-Pop-Look-57.jpg') type("image/jpeg") ); } .hero-image.betriebsgastronomie{ background-image: url('/wp-content/uploads/2022/04/mehrweg-schale-kantinen.jpeg'); background-image: image-set( url('/wp-content/uploads/2022/04/mehrweg-schale-kantinen.avif') type("image/avif"), url('/wp-content/uploads/2022/04/mehrweg-schale-kantinen.jpeg') type("image/jpeg") ); } .hero-image.staedte{ background-image: url('/wp-content/uploads/2022/05/2021_recupxrebowl_theke_staedte.jpg'); background-image: image-set( url('/wp-content/uploads/2022/05/2021_recupxrebowl_theke_staedte.avif') type("image/avif"), url('/wp-content/uploads/2022/05/2021_recupxrebowl_theke_staedte.jpg') type("image/jpeg") ); } .hero-image.mehrwegpflicht { background-image: url('/wp-content/uploads/2022/12/mehrwegangebotspflicht.jpg'); background-image: image-set( url('/wp-content/uploads/2022/12/mehrwegangebotspflicht.avif') type("image/avif"), url('/wp-content/uploads/2022/12/mehrwegangebotspflicht.jpg') type("image/jpeg") ); } .hero-image.europeanreusableaward { background-image: url('/wp-content/uploads/2021/07/European_Reusable_Award_2021_RECUP-2.jpg'); background-image: image-set( url('/wp-content/uploads/2021/07/European_Reusable_Award_2021_RECUP-2.avif') type("image/avif"), url('/wp-content/uploads/2021/07/European_Reusable_Award_2021_RECUP-2.jpg') type("image/jpeg") ); } .hero-image.hellobeautiful { background-image: url('/wp-content/uploads/2022/03/Botschafter-Shooting-2022-6-1-scaled.jpg'); background-image: image-set( url('/wp-content/uploads/2022/03/Botschafter-Shooting-2022-6-1-scaled.avif') type("image/avif"), url('/wp-content/uploads/2022/03/Botschafter-Shooting-2022-6-1-scaled.jpg') type("image/jpeg") ); } .hero-image.mehrwegbecher-kaufen { background-image: url('/wp-content/uploads/2021/09/mehrwegbecher-kaufen.jpg'); background-image: image-set( url('/wp-content/uploads/2021/09/mehrwegbecher-kaufen.avif') type("image/avif"), url('/wp-content/uploads/2021/09/mehrwegbecher-kaufen.jpg') type("image/jpeg") ); } .hero-image.recup-rebowl { background-image: url('/wp-content/uploads/2021/03/RECUPxREBOWL_regulär_POS_Infopaket15.jpg'); background-image: image-set( url('/wp-content/uploads/2021/03/RECUPxREBOWL_regulär_POS_Infopaket15.avif') type("image/avif"), url('/wp-content/uploads/2021/03/RECUPxREBOWL_regulär_POS_Infopaket15.jpg') type("image/jpeg") ); } .hero-image.lp-traunstein { background-image: url('/wp-content/uploads/2022/01/re-cup62553_Fotoshooting_Köln-1.jpg'); background-image: image-set( url('/wp-content/uploads/2022/01/re-cup62553_Fotoshooting_Köln-1.avif') type("image/avif"), url('/wp-content/uploads/2022/01/re-cup62553_Fotoshooting_Köln-1.jpg') type("image/jpeg") ); } .hero-image.konsumenten { background-image: url('/wp-content/uploads/2022/02/RECUP_unter_freunden_960x540.jpg'); background-image: image-set( url('/wp-content/uploads/2022/02/RECUP_unter_freunden_960x540.avif') type("image/avif"), url('/wp-content/uploads/2022/02/RECUP_unter_freunden_960x540.jpg') type("image/jpeg") ); } .hero-image.whitepaper-mehrwegpflicht { background-image: url('/wp-content/uploads/2022/02/smartmockups_kzpobcgj.jpg'); background-image: image-set( url('/wp-content/uploads/2022/02/smartmockups_kzpobcgj.avif') type("image/avif"), url('/wp-content/uploads/2022/02/smartmockups_kzpobcgj.jpg') type("image/jpeg") ); } .hero-image.recup-rebowl-pfandsystem { background-image: url('/wp-content/uploads/2023/01/recup-rebowl_gastronomen_image_hero_1812x1208.jpg'); background-image: image-set( url('/wp-content/uploads/2023/01/recup-rebowl_gastronomen_image_hero_1812x1208.avif') type("image/avif"), url('/wp-content/uploads/2023/01/recup-rebowl_gastronomen_image_hero_1812x1208.jpg') type("image/jpeg") ); } .hero-image.mastercard { background-image: url('/wp-content/uploads/2022/04/MCD00200_RECUP_Promotion_Landingpage_Banner_960x540_NEU.jpg'); background-image: image-set( url('/wp-content/uploads/2022/04/MCD00200_RECUP_Promotion_Landingpage_Banner_960x540_NEU.avif') type("image/avif"), url('/wp-content/uploads/2022/04/MCD00200_RECUP_Promotion_Landingpage_Banner_960x540_NEU.jpg') type("image/jpeg") ); } .hero-image.lp-muenchen { background-image: url('/wp-content/uploads/2022/03/REBOWL_unsere-REBOWL_Mood.jpg'); background-image: image-set( url('/wp-content/uploads/2022/03/REBOWL_unsere-REBOWL_Mood.avif') type("image/avif"), url('/wp-content/uploads/2022/03/REBOWL_unsere-REBOWL_Mood.jpg') type("image/jpeg") ); } .hero-image.kosten-sparen { background-image: url('/wp-content/uploads/2022/04/kosten-einsparen.jpeg'); background-image: image-set( url('/wp-content/uploads/2022/04/kosten-einsparen.avif') type("image/avif"), url('/wp-content/uploads/2022/04/kosten-einsparen.jpeg') type("image/jpeg") ); } .hero-image.kaffeebecher { background-image: url('/wp-content/uploads/2022/05/RECUP-Mehrweg-Kaffeebecher-1.jpg'); background-image: image-set( url('/wp-content/uploads/2022/05/RECUP-Mehrweg-Kaffeebecher-1.avif') type("image/avif"), url('/wp-content/uploads/2022/05/RECUP-Mehrweg-Kaffeebecher-1.jpg') type("image/jpeg") ); } .hero-image.nachhaltigkeitsmonat { background-image: url('/wp-content/uploads/2022/06/2022-Teamtag-Shooting-7.jpg'); background-image: image-set( url('/wp-content/uploads/2022/06/2022-Teamtag-Shooting-7.avif') type("image/avif"), url('/wp-content/uploads/2022/06/2022-Teamtag-Shooting-7.jpg') type("image/jpeg") ); } .hero-image.team { background-image: url('/wp-content/uploads/2025/03/team_1_Unplanned-Teambild-1.jpeg'); background-image: image-set( url('/wp-content/uploads/2025/03/team_1_Unplanned-Teambild-1.avif') type("image/avif"), url('/wp-content/uploads/2025/03/team_1_Unplanned-Teambild-1.jpeg') type("image/jpeg") ); } .hero-image.recup05 { background-image: url('/wp-content/uploads/2022/09/RECUPxREBOWL-Shooting-Köln-14.jpg'); background-image: image-set( url('/wp-content/uploads/2022/09/RECUPxREBOWL-Shooting-Köln-14.avif') type("image/avif"), url('/wp-content/uploads/2022/09/RECUPxREBOWL-Shooting-Köln-14.jpg') type("image/jpeg") ); } .hero-image.betriebsgastronomie2 { background-image: url('/wp-content/uploads/2022/10/Aramark-bei-Airbus_Rebowl-1.jpeg'); background-image: image-set( url('/wp-content/uploads/2022/10/Aramark-bei-Airbus_Rebowl-1.avif') type("image/avif"), url('/wp-content/uploads/2022/10/Aramark-bei-Airbus_Rebowl-1.jpeg') type("image/jpeg") ); } .hero-image.pfanddeckel4 { background-image: url('/wp-content/uploads/2022/09/RECUP_Produktfamilie.jpg'); background-image: image-set( url('/wp-content/uploads/2022/09/RECUP_Produktfamilie.avif') type("image/avif"), url('/wp-content/uploads/2022/09/RECUP_Produktfamilie.jpg') type("image/jpeg") ); } .hero-image.suppe { background-image: url('/wp-content/uploads/2022/10/suppenschale-to-go.jpg'); background-image: image-set( url('/wp-content/uploads/2022/10/suppenschale-to-go.avif') type("image/avif"), url('/wp-content/uploads/2022/10/suppenschale-to-go.jpg') type("image/jpeg") ); } .hero-image.kuchen { background-image: url('/wp-content/uploads/2022/10/kuchen-verpackung-to-go.jpg'); background-image: image-set( url('/wp-content/uploads/2022/10/kuchen-verpackung-to-go.avif') type("image/avif"), url('/wp-content/uploads/2022/10/kuchen-verpackung-to-go.jpg') type("image/jpeg") ); } .hero-image.cocktail { background-image: url('/wp-content/uploads/2022/09/RECUPxREBOWL-Shooting-Köln-3.jpg'); background-image: image-set( url('/wp-content/uploads/2022/09/RECUPxREBOWL-Shooting-Köln-3.avif') type("image/avif"), url('/wp-content/uploads/2022/09/RECUPxREBOWL-Shooting-Köln-3.jpg') type("image/jpeg") ); } .hero-image.tankstelle { background-image: url('/wp-content/uploads/2022/11/tankstelle-scaled.jpg'); background-image: image-set( url('/wp-content/uploads/2022/11/tankstelle-scaled.avif') type("image/avif"), url('/wp-content/uploads/2022/11/tankstelle-scaled.jpg') type("image/jpeg") ); } .hero-image.baecker { background-image: url('/wp-content/uploads/2022/12/Mueller-Hoeflinger-Shooting-2022-31.jpg'); background-image: image-set( url('/wp-content/uploads/2022/12/Mueller-Hoeflinger-Shooting-2022-31.avif') type("image/avif"), url('/wp-content/uploads/2022/12/Mueller-Hoeflinger-Shooting-2022-31.jpg') type("image/jpeg") ); } .hero-image.eis { background-image: url('/wp-content/uploads/2023/03/recup-eisbecher-3.jpg'); background-image: image-set( url('/wp-content/uploads/2023/03/recup-eisbecher-3.avif') type("image/avif"), url('/wp-content/uploads/2023/03/recup-eisbecher-3.jpg') type("image/jpeg") ); } .hero-image.presse { background-image: url('/wp-content/uploads/2023/03/RECUPxREBOWL_31.jpg'); background-image: image-set( url('/wp-content/uploads/2023/03/RECUPxREBOWL_31.avif') type("image/avif"), url('/wp-content/uploads/2023/03/RECUPxREBOWL_31.jpg') type("image/jpeg") ); } .hero-image.italiener { background-image: url('/wp-content/uploads/2023/04/mehrweg-italienisch.jpeg'); background-image: image-set( url('/wp-content/uploads/2023/04/mehrweg-italienisch.avif') type("image/avif"), url('/wp-content/uploads/2023/04/mehrweg-italienisch.jpeg') type("image/jpeg") ); } .hero-image.axelschmitt { background-image: url('/wp-content/uploads/2023/04/Axel-Schmitt-Januar-2023-5.jpg'); background-image: image-set( url('/wp-content/uploads/2023/04/Axel-Schmitt-Januar-2023-5.avif') type("image/avif"), url('/wp-content/uploads/2023/04/Axel-Schmitt-Januar-2023-5.jpg') type("image/jpeg") ); } .hero-image.mehrwegbecher-02 { background-image: url('/wp-content/uploads/2023/04/Recup-02-mehrwegbecher-in-hand.jpg'); background-image: image-set( url('/wp-content/uploads/2023/04/Recup-02-mehrwegbecher-in-hand.avif') type("image/avif"), url('/wp-content/uploads/2023/04/Recup-02-mehrwegbecher-in-hand.jpg') type("image/jpeg") ); } .hero-image.mehrwegbecher-03 { background-image: url('/wp-content/uploads/2023/04/Recup-03-mehrwegbecher-in-hand.jpg'); background-image: image-set( url('/wp-content/uploads/2023/04/Recup-03-mehrwegbecher-in-hand.avif') type("image/avif"), url('/wp-content/uploads/2023/04/Recup-03-mehrwegbecher-in-hand.jpg') type("image/jpeg") ); } .hero-image.mehrwegbecher-04 { background-image: url('/wp-content/uploads/2023/04/Recup-04-mehrwegbecher-in-hand.jpg'); background-image: image-set( url('/wp-content/uploads/2023/04/Recup-04-mehrwegbecher-in-hand.avif') type("image/avif"), url('/wp-content/uploads/2023/04/Recup-04-mehrwegbecher-in-hand.jpg') type("image/jpeg") ); } .hero-image.mehrwegsysteme-vergleich { background-image: url('/wp-content/uploads/2020/09/118423389_2766230053666635_8354971924283965488_o-1024x1024-1.jpeg'); background-image: image-set( url('/wp-content/uploads/2020/09/118423389_2766230053666635_8354971924283965488_o-1024x1024-1.avif') type("image/avif"), url('/wp-content/uploads/2020/09/118423389_2766230053666635_8354971924283965488_o-1024x1024-1.jpeg') type("image/jpeg") ); } .hero-image.strategischepartner { background-image: url('/wp-content/uploads/2022/10/mehrweg-salatverpackung.jpg'); background-image: image-set( url('/wp-content/uploads/2022/10/mehrweg-salatverpackung.avif') type("image/avif"), url('/wp-content/uploads/2022/10/mehrweg-salatverpackung.jpg') type("image/jpeg") ); } .hero-image.burger { background-image: url('/wp-content/uploads/2023/06/kleine-Bowl-hoher-Deckel-Burger-und-Pommes-3.jpg'); background-image: image-set( url('/wp-content/uploads/2023/06/kleine-Bowl-hoher-Deckel-Burger-und-Pommes-3.avif') type("image/avif"), url('/wp-content/uploads/2023/06/kleine-Bowl-hoher-Deckel-Burger-und-Pommes-3.jpg') type("image/jpeg") ); } .hero-image.community-aktion-muellfrei { background-image: url('/wp-content/uploads/2022/09/RECUPxREBOWL_46.jpg'); background-image: image-set( url('/wp-content/uploads/2022/09/RECUPxREBOWL_46.avif') type("image/avif"), url('/wp-content/uploads/2022/09/RECUPxREBOWL_46.jpg') type("image/jpeg") ); } .hero-image.asia { background-image: url('/wp-content/uploads/2023/09/2021_rebowl_sushi_web_7.jpg'); background-image: image-set( url('/wp-content/uploads/2023/09/2021_rebowl_sushi_web_7.avif') type("image/avif"), url('/wp-content/uploads/2023/09/2021_rebowl_sushi_web_7.jpg') type("image/jpeg") ); } .hero-image.mehrweggeschirr { background-image: url('/wp-content/uploads/2024/09/2023-Schliersee-Shooting-Kueche-6-scaled.jpg'); background-image: image-set( url('/wp-content/uploads/2024/09/2023-Schliersee-Shooting-Kueche-6-scaled.avif') type("image/avif"), url('/wp-content/uploads/2024/09/2023-Schliersee-Shooting-Kueche-6-scaled.jpg') type("image/jpeg") ); } .hero-image.tchibo-hero { background-image: url('/wp-content/uploads/2025/04/Tchibo-und-RECUP-gehen-den-MEHRweg-gemeinsam_c-Tchibo-scaled-1920.jpg'); background-image: image-set( url('/wp-content/uploads/2025/04/Tchibo-und-RECUP-gehen-den-MEHRweg-gemeinsam_c-Tchibo-scaled-1920.avif') type("image/avif"), url('/wp-content/uploads/2025/04/Tchibo-und-RECUP-gehen-den-MEHRweg-gemeinsam_c-Tchibo-scaled-1920.jpg') type("image/jpeg") ); } .hero-image.freiburg { background-image: url('/wp-content/uploads/2025/09/freiburg-hero.jpg'); background-image: image-set( url('/wp-content/uploads/2025/09/freiburg-hero.avif') type("image/avif"), url('/wp-content/uploads/2025/09/freiburg-hero.jpg') type("image/jpeg") ); } /* 5 END HERO IMAGES */ /******************************************/ /************************************* 6. START MAP MIT PARTNER AUSGABESTELLEN **/ #map { /*height: calc(100vh - 280px);*/ height: 100%; min-height: 600px; max-height: 840px; } @media(max-width:768px){ #map { min-height: 500px; } } .map-container, .map-container .elementor-widget-container, #map-container, #map-container .elementor-widget-container{ height:100%; } .Main-content { padding: 0; } #pac-input { border: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); padding: 5px 10px; font-size: 1.1em; display: none; width: 60%; } #map #pac-input { display: block; } #pac-input:focus { border: none; outline: none; } .max-width-800{ max-width: 800px; margin: 0 auto; } #pac-input-external{ max-width: 350px; border-radius: 100px; border: 0px solid #cbd6e2; padding:15px 30px; } #pac-input-external:focus { outline: none; border-color: #bee0da; border-width: 0px; } /* 6 END MAP MIT PARTNER AUSGABESTELLEN **/ /************************************* /**************************** 7. START BLOG POST TEMPLATE */ .blog-post-template p, .blog-post-template h2, .blog-post-template h3, .blog-post-template h4, .blog-post-template h5, .blog-post-template h6, .blog-post-template ul, .blog-post-template ol, .blog-post-template figure.wp-block-quote, .blog-post-template blockquote.wp-block-quote, .blog-post-template figure.wp-block-buttons, .blog-post-template .wp-block-buttons, .blog-post-template figure.wp-block-table, .blog-post-template figure.wp-block-image, .blog-post-template figure.wp-block-video, .blog-post-template .wp-block-media-text, .blog-post-template .block-maxwidth-700, .blog-post-template .wp-block-embed { max-width: 700px; margin: 0 auto; margin-bottom: 24px; } .blog-post-template table{margin-bottom: 0px;} .blog-post-template h2{ margin-top: 65px; font-size: 32px; line-height: 1.3; margin-bottom: 24px; letter-spacing: -.5px; font-weight: 600; } @media(max-width: 768px){ .blog-post-template h2{ font-size:20px; line-height:1.3; margin-bottom: 16px; } .blog-post-template h3{ font-size:18px; line-height:1.3; margin-bottom: 16px; } .blog-post-template h4, .blog-post-template h5, .blog-post-template h6{ font-size:16px; line-height:1.3; margin-bottom: 16px; } .blog-post-template figcaption { font-size: 13px !important; } .blog-post-template p, .blog-post-template ul, .blog-post-template ol, .blog-post-template figcaption, .blog-post-template .wp-block-quote, .blog-post-template .wp-block-button.is-style-outline .wp-block-button__link{ margin-bottom: 16px; } .blog-post-template figure { margin-inline-start: 0px; margin-inline-end: 0px; margin-top: 26px; margin-bottom: 26px; } } .blog-post-template p, .blog-post-template ul, .blog-post-template ol{ margin-bottom: 24px; } .blog-post-template figure { margin-inline-start: 0px; margin-inline-end: 0px; margin-top: 32px; margin-bottom: 32px; } .blog-post-template figcaption { font-size: 13px; font-weight: 500; color: #757575; line-height: 1.5; text-align: center; font-style: normal; margin-bottom: 24px; } .blog-post-template a { text-decoration: underline; font-weight: 700; } .blog-post-template .wp-block-quote{ border-left: 2px solid #222; margin: 0; padding-left: 30px; margin-bottom: 24px; } .blog-post-template .wp-block-button.is-style-outline .wp-block-button__link{ /*border-radius: 0px !important;*/ background: #34AD9C; color: white; border: 0; margin-bottom: 24px; } .blog-post-template .wp-block-button.is-style-outline .wp-block-button__link:hover{ background: #414141; } .blog-post-template .wp-block-button__link{ border-radius: 0px; background: #34AD9C; color: white; text-decoration: none !important; font-size: 16px; font-weight: 600; border-radius: 100px !important; transition: 0.3s all; padding: 15px 30px; line-height: 16px; border: 2px solid #34AD9C; } .blog-post-template .wp-block-button__link:hover{ background: #2a8a7d; border: 2px solid #2a8a7d; color: white; } .blog-post-template figure.wp-block-video.video-upright.small{ max-width: 400px; } .blog-post-template .wp-block-media-text.alignwide{ max-width: 900px; } /*Bildergalerie in der Lightbox den Bildnamen und Beschreibung entfernen*/ .elementor-slideshow__footer{ display: none; } /*Blogbeitrag REBOWL Blauer Engel 17.08.2021 Gallerie full width*/ .wp-block-gallery.full-width, .wp-block-gallery.full-width .blocks-gallery-grid{ max-width: none !important; } .wp-block-gallery.full-width .blocks-gallery-grid figure, .wp-block-gallery.full-width .blocks-gallery-grid{ margin-bottom: 0px !important; } @media(max-width: 700px){ .wp-block-gallery.full-width li.blocks-gallery-item{ width: 100%; margin: 0; } .wp-block-gallery.full-width .blocks-gallery-caption{ margin-top: 24px; } } /* Bild Untertitel */ figcaption{ padding-top: 10px; font-size: 13px; font-weight: 500; font-style: normal; color: #757575; line-height: 1.5; text-align: center; } /*.blog-post-template ul li{ list-style-image: url(https://recup.de/wp-content/uploads/2023/02/recupxrebowl_pfeil_ocean_27.svg); }*/ .blog-post-template ul li::marker { /*content: url(https://recup.de/wp-content/uploads/2023/02/recupxrebowl_pfeil_ocean_37.svg);*/ color: #34AD9C; } /*7. END BLOG POST TEMPLATE */ /*************************/ /******************************** 8. START ÜBER UNS SEITE - AWSM PLUGIN FÜR DIE EINZELNEN TEAM MEMBER */ .modal-style.style-1 figcaption { margin-top: 20px; position: relative; left: 0px; top: 0px; padding: 0px; background: rgba(35,35,35,.0); color: #222; text-align: left; opacity: 1; -ms-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -webkit-transition: -webkit-transform .6s,opacity .3s; -moz-transition: -moz-transform .6s,opacity .3s; -webkit-transition: opacity .3s,-webkit-transform .6s; transition: opacity .3s,-webkit-transform .6s; -moz-transition: transform .6s,opacity .3s,-moz-transform .6s; transition: transform .6s,opacity .3s; transition: transform .6s,opacity .3s,-webkit-transform .6s,-moz-transform .6s; font-size: 0; } .modal-style.style-1 figcaption .awsm-personal-info{ margin-bottom: 30px; } .modal-style.style-1 figcaption .awsm-personal-info h3 { color: #222; font-size: 16px; letter-spacing:-.1px; margin-top: 5px; } .modal-style.style-1 figcaption .awsm-personal-info span { margin-top: 15px; } .modal-style.style-1 figcaption .awsm-personal-info div { margin-top: 15px; font-size: 14px; text-decoration: underline; font-weight: 600; color: #34AD9C; } .awsm-grid-wrapper .awsm-grid h3 { margin: 0; } .awsm-contact-info p { color: #777; line-height: 1.5; font-size: 12px !important; letter-spacing: -0.1px; } .awsm-personal-info span { text-transform: none; font-size: 14px; line-height: 1.5; letter-spacing: -0.1px; } /* POPUP */ .modal-style.style-1 .awsm-modal-details h2 { margin-top: 0px; margin-bottom: 15px; } .modal-style.style-1 .awsm-modal-details h3 { font-size: 15px; text-transform: none; font-weight: 600; letter-spacing: -0.1px; margin-bottom: 20px; } .awsm-grid-wrapper p { line-height: 1.5; font-size: 15px; } @media(max-width:768px){ .awsm-filter-btn { font-size: 14px; padding: 5px 5px; margin: 0 10px; } } /* Filter Navigation*/ .awsm-filter-btn { font-weight: 500; padding: 10px 10px; margin: 0 10px; color: #222; } /* 8. END ÜBER UNS SEITE - AWSM PLUGIN FÜR DIE EINZELNEN TEAM MEMBER /*********************************/ /******************************** 8. NEU START ÜBER UNS SEITE - CUSTOM HTML */ .team-members{ display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 30px 20px; grid-auto-flow: row; background-transition: 0.3s; } @media (max-width: 767px) { .team-members { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 20px 10px; grid-auto-flow: row; } } .team-members .member .name{ font-weight: 600 !important; } .team-members .member .title{ font-size: 14px; margin-top: 5px; line-height: 1.1; } /* 8. NEU END ÜBER UNS SEITE - CUSTOM HTML /*********************************/ /**************************/ /* 9. START FAQ SECTIONS AUSKLAPPBAR*/ .faqs .elementor-tab-content ul, .faqs .elementor-tab-content ol{ padding-bottom:15px; } .faqs .elementor-toggle-icon i{ font-size: 16px; } /* 9. END FAQ SECTIONS AUSKLAPPBAR*/ /**************************/ /**************************/ /* 10. TEAM-SEITE */ .team-member-name .elementor-heading-title{ margin-top: -5px; font-weight: 600 !important; } .team-member-title .elementor-heading-title{ font-size: 14px; margin-top: -10px; /*color: rgba(0,0,0,.5);*/ line-height: 1.1; } @media(max-width:768px){ .team-member-title{ font-size: 12px; } } /* 10. END TEAM-SEITE*/ /**************************//* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Gazpacho Bold'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://recup.de/wp-content/uploads/2023/01/gazpacho-bold.woff2') format('woff2'), url('https://recup.de/wp-content/uploads/2023/01/gazpacho-bold.woff') format('woff'); } /* End Custom Fonts CSS */