<!doctype html>
<html class="js" lang="de">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://www.protebro.de/"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
      Proteinbrot. Pur im Geschmack.
 &ndash; protebro</title>

    
      <meta name="description" content="Protebro - High-Protein Brot. Fast ohne Kohlenhydrate, mit Lupinenmehl. Voller Geschmack &amp; Premium Genuss. Jetzt online bestellen!">
    

    

<meta property="og:site_name" content="protebro">
<meta property="og:url" content="https://www.protebro.de/">
<meta property="og:title" content="Proteinbrot. Pur im Geschmack.">
<meta property="og:type" content="website">
<meta property="og:description" content="Protebro - High-Protein Brot. Fast ohne Kohlenhydrate, mit Lupinenmehl. Voller Geschmack &amp; Premium Genuss. Jetzt online bestellen!"><meta property="og:image" content="http://www.protebro.de/cdn/shop/files/Logo-final.png?height=628&pad_color=ffffff&v=1753958798&width=1200">
  <meta property="og:image:secure_url" content="https://www.protebro.de/cdn/shop/files/Logo-final.png?height=628&pad_color=ffffff&v=1753958798&width=1200">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Proteinbrot. Pur im Geschmack.">
<meta name="twitter:description" content="Protebro - High-Protein Brot. Fast ohne Kohlenhydrate, mit Lupinenmehl. Voller Geschmack &amp; Premium Genuss. Jetzt online bestellen!">


    <script src="//www.protebro.de/cdn/shop/t/1/assets/constants.js?v=132983761750457495441753883360" defer="defer"></script>
    <script src="//www.protebro.de/cdn/shop/t/1/assets/pubsub.js?v=25310214064522200911753883361" defer="defer"></script>
    <script src="//www.protebro.de/cdn/shop/t/1/assets/global.js?v=7301445359237545521753883360" defer="defer"></script>
    <script src="//www.protebro.de/cdn/shop/t/1/assets/details-disclosure.js?v=13653116266235556501753883360" defer="defer"></script>
    <script src="//www.protebro.de/cdn/shop/t/1/assets/details-modal.js?v=25581673532751508451753883360" defer="defer"></script>
    <script src="//www.protebro.de/cdn/shop/t/1/assets/search-form.js?v=133129549252120666541753883362" defer="defer"></script><script src="//www.protebro.de/cdn/shop/t/1/assets/animations.js?v=88693664871331136111753883360" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="dzplxc8c5x239wy7mf1o10gofaeqhe">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/96188825929/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="7514926b207ebdb17ec89da23ba0b6df">
<meta id="in-context-paypal-metadata" data-shop-id="96188825929" data-venmo-supported="false" data-environment="production" data-locale="de_DE" data-paypal-v4="true" data-currency="EUR">
<script async="async" src="/checkouts/internal/preloads.js?locale=de-DE"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=de-DE&shop_id=96188825929" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":96188825929,"countryCode":"DE","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/96188825929","merchantName":"protebro","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex"],"total":{"type":"pending","label":"protebro","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"7514926b207ebdb17ec89da23ba0b6df","betas":["rich-media-storefront-analytics"],"domain":"www.protebro.de","predictiveSearch":true,"shopId":96188825929,"locale":"de"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "bbpsux-04.myshopify.com";
Shopify.locale = "de";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "DE";
Shopify.theme = {"name":"Dawn","id":175808315721,"schema_name":"Dawn","schema_version":"15.4.0","theme_store_id":887,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.protebro.de/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.protebro.de/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.de.esm.js"></script>
<script type="module">
  await import("//www.protebro.de/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.de.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"init-windoid":["modules/v2/loader.init-windoid.de.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.de.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.de.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.de.esm.js"],"shop-button":["modules/v2/loader.shop-button.de.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.de.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.de.esm.js"],"avatar":["modules/v2/loader.avatar.de.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.de.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.de.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.de.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.de.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.de.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.de.esm.js"],"pay-button":["modules/v2/loader.pay-button.de.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.de.esm.js"],"shop-login":["modules/v2/loader.shop-login.de.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.de.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.de.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/tools.luckyorange.com\/core\/lo.js?site-id=e7c54d3c\u0026shop=bbpsux-04.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":96188825929,"offset":7200,"reqid":"cac8e8dc-6819-4f45-b34d-f3f18fdc1226-1774934856","pageurl":"www.protebro.de\/","u":"c08faa8b784d","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Durch hCaptcha geschützt',privacyText:'Datenschutz',termsText:'Allgemeine Geschäftsbedingungen'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-Rd0I1U3I5BUKM/ZklNQ9ssBhyhvFP+5roZEEsW2MGUw=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.protebro.de/cdn/shopifycloud/storefront/assets/storefront/load_feature-496de5fe.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//www.protebro.de/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.protebro.de/cdn/shopifycloud/portable-wallets/latest/portable-wallets.de.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://www.protebro.de/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.protebro.de/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<script id="sections-script" data-sections="header" defer="defer" src="//www.protebro.de/cdn/shop/t/1/compiled_assets/scripts.js?v=90487813905515327061753883374"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>


    <style data-shopify>
      @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.protebro.de/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
       url("//www.protebro.de/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
}

      @font-face {
  font-family: Assistant;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.protebro.de/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2") format("woff2"),
       url("//www.protebro.de/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff") format("woff");
}

      
      
      @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.protebro.de/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
       url("//www.protebro.de/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
}


      
        :root,
        .color-scheme-1 {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        

        

        --color-foreground: 18,18,18;
        --color-background-contrast: 191,191,191;
        --color-shadow: 18,18,18;
        --color-button: 18,18,18;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 18,18,18;
        --color-link: 18,18,18;
        --color-badge-foreground: 18,18,18;
        --color-badge-background: 255,255,255;
        --color-badge-border: 18,18,18;
        --payment-terms-background-color: rgb(255 255 255);
      }
      
        
        .color-scheme-2 {
          --color-background: 243,243,243;
        
          --gradient-background: #f3f3f3;
        

        

        --color-foreground: 18,18,18;
        --color-background-contrast: 179,179,179;
        --color-shadow: 18,18,18;
        --color-button: 18,18,18;
        --color-button-text: 243,243,243;
        --color-secondary-button: 243,243,243;
        --color-secondary-button-text: 18,18,18;
        --color-link: 18,18,18;
        --color-badge-foreground: 18,18,18;
        --color-badge-background: 243,243,243;
        --color-badge-border: 18,18,18;
        --payment-terms-background-color: rgb(243 243 243);
      }
      
        
        .color-scheme-3 {
          --color-background: 36,40,51;
        
          --gradient-background: #242833;
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 47,52,66;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 0,0,0;
        --color-secondary-button: 36,40,51;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 36,40,51;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(36 40 51);
      }
      
        
        .color-scheme-4 {
          --color-background: 18,18,18;
        
          --gradient-background: #121212;
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 146,146,146;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 18,18,18;
        --color-secondary-button: 18,18,18;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 18,18,18;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(18 18 18);
      }
      
        
        .color-scheme-5 {
          --color-background: 51,79,180;
        
          --gradient-background: #334fb4;
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 23,35,81;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 51,79,180;
        --color-secondary-button: 51,79,180;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 51,79,180;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(51 79 180);
      }
      
        
        .color-scheme-f81d04c8-8c98-4bc5-b3f4-d515c291cdfd {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        

        

        --color-foreground: 18,18,18;
        --color-background-contrast: 191,191,191;
        --color-shadow: 18,18,18;
        --color-button: 18,18,18;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 18,18,18;
        --color-link: 18,18,18;
        --color-badge-foreground: 18,18,18;
        --color-badge-background: 255,255,255;
        --color-badge-border: 18,18,18;
        --payment-terms-background-color: rgb(255 255 255);
      }
      

      body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-f81d04c8-8c98-4bc5-b3f4-d515c291cdfd {
        color: rgba(var(--color-foreground), 0.75);
        background-color: rgb(var(--color-background));
      }

      :root {
        --font-body-family: Assistant, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 400;
        --font-body-weight-bold: 700;

        --font-heading-family: Assistant, sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 400;

        --font-body-scale: 1.0;
        --font-heading-scale: 1.0;

        --media-padding: px;
        --media-border-opacity: 0.05;
        --media-border-width: 1px;
        --media-radius: 0px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: 4px;
        --media-shadow-blur-radius: 5px;
        --media-shadow-visible: 0;

        --page-width: 120rem;
        --page-width-margin: 0rem;

        --product-card-image-padding: 0.0rem;
        --product-card-corner-radius: 0.0rem;
        --product-card-text-alignment: left;
        --product-card-border-width: 0.0rem;
        --product-card-border-opacity: 0.1;
        --product-card-shadow-opacity: 0.0;
        --product-card-shadow-visible: 0;
        --product-card-shadow-horizontal-offset: 0.0rem;
        --product-card-shadow-vertical-offset: 0.4rem;
        --product-card-shadow-blur-radius: 0.5rem;

        --collection-card-image-padding: 0.0rem;
        --collection-card-corner-radius: 0.0rem;
        --collection-card-text-alignment: left;
        --collection-card-border-width: 0.0rem;
        --collection-card-border-opacity: 0.1;
        --collection-card-shadow-opacity: 0.0;
        --collection-card-shadow-visible: 0;
        --collection-card-shadow-horizontal-offset: 0.0rem;
        --collection-card-shadow-vertical-offset: 0.4rem;
        --collection-card-shadow-blur-radius: 0.5rem;

        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 0.0rem;
        --blog-card-text-alignment: left;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 0.1;
        --blog-card-shadow-opacity: 0.0;
        --blog-card-shadow-visible: 0;
        --blog-card-shadow-horizontal-offset: 0.0rem;
        --blog-card-shadow-vertical-offset: 0.4rem;
        --blog-card-shadow-blur-radius: 0.5rem;

        --badge-corner-radius: 4.0rem;

        --popup-border-width: 1px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 0px;
        --popup-shadow-opacity: 0.05;
        --popup-shadow-horizontal-offset: 0px;
        --popup-shadow-vertical-offset: 4px;
        --popup-shadow-blur-radius: 5px;

        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 4px;
        --drawer-shadow-blur-radius: 5px;

        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;

        --grid-desktop-vertical-spacing: 8px;
        --grid-desktop-horizontal-spacing: 8px;
        --grid-mobile-vertical-spacing: 4px;
        --grid-mobile-horizontal-spacing: 4px;

        --text-boxes-border-opacity: 0.1;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 0px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: 0px;
        --text-boxes-shadow-vertical-offset: 4px;
        --text-boxes-shadow-blur-radius: 5px;

        --buttons-radius: 0px;
        --buttons-radius-outset: 0px;
        --buttons-border-width: 1px;
        --buttons-border-opacity: 1.0;
        --buttons-shadow-opacity: 0.0;
        --buttons-shadow-visible: 0;
        --buttons-shadow-horizontal-offset: 0px;
        --buttons-shadow-vertical-offset: 4px;
        --buttons-shadow-blur-radius: 5px;
        --buttons-border-offset: 0px;

        --inputs-radius: 0px;
        --inputs-border-width: 1px;
        --inputs-border-opacity: 0.55;
        --inputs-shadow-opacity: 0.0;
        --inputs-shadow-horizontal-offset: 0px;
        --inputs-margin-offset: 0px;
        --inputs-shadow-vertical-offset: 4px;
        --inputs-shadow-blur-radius: 5px;
        --inputs-radius-outset: 0px;

        --variant-pills-radius: 40px;
        --variant-pills-border-width: 1px;
        --variant-pills-border-opacity: 0.55;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: 0px;
        --variant-pills-shadow-vertical-offset: 4px;
        --variant-pills-shadow-blur-radius: 5px;
      }

      *,
      *::before,
      *::after {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        height: 100%;
      }

      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;
        min-height: 100%;
        margin: 0;
        font-size: 1.5rem;
        letter-spacing: 0.06rem;
        line-height: calc(1 + 0.8 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
      }

      @media screen and (min-width: 750px) {
        body {
          font-size: 1.6rem;
        }
      }
    </style>

    <link href="//www.protebro.de/cdn/shop/t/1/assets/base.css?v=113438635449674012851756984400" rel="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" href="//www.protebro.de/cdn/shop/t/1/assets/component-cart-items.css?v=13033300910818915211753883360" media="print" onload="this.media='all'">
      <link rel="preload" as="font" href="//www.protebro.de/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin>
      

      <link rel="preload" as="font" href="//www.protebro.de/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin>
      
<link href="//www.protebro.de/cdn/shop/t/1/assets/component-localization-form.css?v=170315343355214948141753883360" rel="stylesheet" type="text/css" media="all" />
      <script src="//www.protebro.de/cdn/shop/t/1/assets/localization-form.js?v=144176611646395275351753883361" defer="defer"></script><link
        rel="stylesheet"
        href="//www.protebro.de/cdn/shop/t/1/assets/component-predictive-search.css?v=118923337488134913561753883360"
        media="print"
        onload="this.media='all'"
      ><script>
      if (Shopify.designMode) {
        document.documentElement.classList.add('shopify-design-mode');
      }
    </script>
  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 96188825929,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 96188825929,storefrontBaseUrl: "https://www.protebro.de",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","5476ea20","ed8389fc"],webPixelsConfigList: [{"id":"2847703369","configuration":"{\"pixel_id\":\"635119679478025\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ca16bc87fe92b6042fbaa3acc2fbdaa6","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a","3b5414a6"]},{"id":"2688418121","configuration":"{\"siteId\":\"e7c54d3c\",\"environment\":\"production\",\"isPlusUser\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"cd2c2b87cc0c0932ea73d93c635bbda2","type":"APP","apiClientId":187969,"privacyPurposes":["ANALYTICS","MARKETING"],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["3b5414a6"]},{"id":"2493743433","configuration":"{\"accountID\":\"bbpsux-04.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"795954ee49251f9abea8d261699c1fff","type":"APP","apiClientId":157087,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["3b5414a6"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"protebro","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"bbpsux-04.myshopify.com","countryCode":"DE","storefrontUrl":"https:\/\/www.protebro.de"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://www.protebro.de/cdn","cfa8229ew36b6053dp1e134caame9d83f21",{"modern":"","legacy":""},{"trekkieShim":true,"shopId":"96188825929","storefrontBaseUrl":"https:\/\/www.protebro.de","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"5476ea20\", \"ed8389fc\"]","isMerchantRequest":"false","hashVersion":"cfa8229ew36b6053dp1e134caame9d83f21","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'EUR';
  var meta = {"page":{"pageType":"home","requestId":"cac8e8dc-6819-4f45-b34d-f3f18fdc1226-1774934856"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 96188825929,
      theme_id: 175808315721,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//www.protebro.de/cdn/s/trekkie.storefront.debbda03e9ac9faaa11b0ff77bcb79c971117f47.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//www.protebro.de/cdn/s/trekkie.storefront.debbda03e9ac9faaa11b0ff77bcb79c971117f47.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.protebro.de/cdn/s/trekkie.storefront.debbda03e9ac9faaa11b0ff77bcb79c971117f47.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":96188825929,"isMerchantRequest":null,"themeId":175808315721,"themeCityHash":"13750847290174094458","contentLanguage":"de","currency":"EUR","eventMetadataId":"01206720-b79b-4267-a466-2e8de6e3b756"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447","b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;
      

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"cac8e8dc-6819-4f45-b34d-f3f18fdc1226-1774934856","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//www.protebro.de/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://www.protebro.de/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.3.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="96188825929"
  data-render-region="gcp-us-east1"
  data-page-type="index"
  data-theme-instance-id="175808315721"
  data-theme-name="Dawn"
  data-theme-version="15.4.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://www.protebro.de/api/collect"
></script>
</head>

  <body class="gradient">
    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      Direkt zum Inhalt
    </a><!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--24210700763465__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//www.protebro.de/cdn/shop/t/1/assets/component-slideshow.css?v=17933591812325749411753883360" rel="stylesheet" type="text/css" media="all" />
<link href="//www.protebro.de/cdn/shop/t/1/assets/component-slider.css?v=14039311878856620671753883360" rel="stylesheet" type="text/css" media="all" />

  <link href="//www.protebro.de/cdn/shop/t/1/assets/component-list-social.css?v=35792976012981934991753883360" rel="stylesheet" type="text/css" media="all" />


<div
  class="utility-bar color-scheme-4 gradient utility-bar--bottom-border"
>
  <div class="page-width utility-bar__grid"><div
        class="announcement-bar"
        role="region"
        aria-label="Ankündigung"
        
      ></div><div class="localization-wrapper">
</div>
  </div>
</div>


</div><div id="shopify-section-sections--24210700763465__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//www.protebro.de/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991753883360" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.protebro.de/cdn/shop/t/1/assets/component-search.css?v=165164710990765432851753883360" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.protebro.de/cdn/shop/t/1/assets/component-menu-drawer.css?v=147478906057189667651753883360" media="print" onload="this.media='all'">
<link
  rel="stylesheet"
  href="//www.protebro.de/cdn/shop/t/1/assets/component-cart-notification.css?v=54116361853792938221753883360"
  media="print"
  onload="this.media='all'"
><link rel="stylesheet" href="//www.protebro.de/cdn/shop/t/1/assets/component-price.css?v=47596247576480123001753883360" media="print" onload="this.media='all'"><style>
  header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
  }@media screen and (min-width: 990px) {
      header-drawer {
        display: none;
      }
    }.menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  summary.list-menu__item {
    padding-right: 2.7rem;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }

  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }
</style><style data-shopify>.header {
    padding: 10px 3rem 10px 3rem;
  }

  .section-header {
    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
    margin-bottom: 0px;
  }

  @media screen and (min-width: 750px) {
    .section-header {
      margin-bottom: 0px;
    }
  }

  @media screen and (min-width: 990px) {
    .header {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }</style><script src="//www.protebro.de/cdn/shop/t/1/assets/cart-notification.js?v=133508293167896966491753883360" defer="defer"></script>

<sticky-header
  
    data-sticky-type="on-scroll-up"
  
  class="header-wrapper color-scheme-4 gradient header-wrapper--border-bottom"
><header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-social header--has-account">

<header-drawer data-breakpoint="tablet">
  <details id="Details-menu-drawer-container" class="menu-drawer-container">
    <summary
      class="header__icon header__icon--menu header__icon--summary link focus-inset"
      aria-label="Menü"
    >
      <span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewBox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
    </summary>
    <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-4">
      <div class="menu-drawer__inner-container">
        <div class="menu-drawer__navigation-container">
          <nav class="menu-drawer__navigation">
            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
                      id="HeaderDrawer-home"
                      href="/"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active"
                      
                        aria-current="page"
                      
                    >
                      Home
                    </a></li><li><a
                      id="HeaderDrawer-brot"
                      href="/collections/brot"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      Brot
                    </a></li><li><a
                      id="HeaderDrawer-backform"
                      href="/products/protebro-backform-edelstahl-pur"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      Backform
                    </a></li><li><a
                      id="HeaderDrawer-lunchbox"
                      href="/products/protebro-lunchbox-edelstahl-pur"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      Lunchbox
                    </a></li><li><a
                      id="HeaderDrawer-about"
                      href="/pages/about"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      About
                    </a></li><li><a
                      id="HeaderDrawer-kontakt"
                      href="/pages/contact"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      Kontakt
                    </a></li></ul>
          </nav>
          <div class="menu-drawer__utility-links"><a
                href="https://www.protebro.de/customer_authentication/redirect?locale=de&region_country=DE"
                class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide"
                rel="nofollow"
              ><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
</span></account-icon>Einloggen</a><div class="menu-drawer__localization header-localization"><localization-form><form method="post" action="/localization" id="HeaderCountryMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
                        <h2 class="visually-hidden" id="HeaderCountryMobileLabel">
                          Land/Region
                        </h2>

<div class="disclosure">
  <button
    type="button"
    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
    aria-expanded="false"
    aria-controls="HeaderCountryMobile-country-results"
    aria-describedby="HeaderCountryMobileLabel"
  >
    <span>Deutschland |
      EUR
      €</span>
    <svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>

  </button>
  <div class="disclosure__list-wrapper country-selector" hidden>
    <div class="country-filter">
      
        <div class="field">
          <input
            class="country-filter__input field__input"
            id="country-filter-input"
            type="search"
            name="country_filter"
            value=""
            placeholder="Suchen"
            role="combobox"
            aria-owns="country-results"
            aria-controls="country-results"
            aria-haspopup="listbox"
            aria-autocomplete="list"
            autocorrect="off"
            autocomplete="off"
            autocapitalize="off"
            spellcheck="false"
          >
          <label class="field__label" for="country-filter-input">Suchen</label>
          <button
            type="reset"
            class="country-filter__reset-button field__button hidden"
            aria-label="Suchbegriff zurücksetzen"
          ><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</button>
          <div class="country-filter__search-icon field__button motion-reduce"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</div>
        </div>
      
      <button
        class="country-selector__close-button button--small link"
        type="button"
        aria-label="Schließen"
      ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</button>
    </div>
    <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
    <div
      class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
      id="HeaderCountryMobile-country-results"
    >
      
      <ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BE"
              id="Belgien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Belgien</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BG"
              id="Bulgarien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Bulgarien</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="DK"
              id="Dänemark"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Dänemark</span>
              <span class="localization-form__currency motion-reduce">
                DKK
                kr.</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
                aria-current="true"
              
              data-value="DE"
              id="Deutschland"
            >
              <span
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Deutschland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="EE"
              id="Estland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Estland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FI"
              id="Finnland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Finnland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FR"
              id="Frankreich"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Frankreich</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GR"
              id="Griechenland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Griechenland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IE"
              id="Irland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Irland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IT"
              id="Italien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Italien</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HR"
              id="Kroatien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Kroatien</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="LV"
              id="Lettland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Lettland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="LT"
              id="Litauen"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Litauen</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="LU"
              id="Luxemburg"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Luxemburg</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MT"
              id="Malta"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Malta</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NL"
              id="Niederlande"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Niederlande</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AT"
              id="Österreich"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Österreich</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PL"
              id="Polen"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Polen</span>
              <span class="localization-form__currency motion-reduce">
                PLN
                zł</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PT"
              id="Portugal"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Portugal</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="RO"
              id="Rumänien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Rumänien</span>
              <span class="localization-form__currency motion-reduce">
                RON
                Lei</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SE"
              id="Schweden"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Schweden</span>
              <span class="localization-form__currency motion-reduce">
                SEK
                kr</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SK"
              id="Slowakei"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Slowakei</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SI"
              id="Slowenien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Slowenien</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ES"
              id="Spanien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Spanien</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CZ"
              id="Tschechien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Tschechien</span>
              <span class="localization-form__currency motion-reduce">
                CZK
                Kč</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HU"
              id="Ungarn"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Ungarn</span>
              <span class="localization-form__currency motion-reduce">
                HUF
                Ft</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CY"
              id="Zypern"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Zypern</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li></ul>
    </div>
  </div>
  <div class="country-selector__overlay"></div>
</div>
<input type="hidden" name="country_code" value="DE">
</div></form></localization-form>
                
</div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
                  <a href="https://instagram.com/protebro.official" class="list-social__link link">
                    <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
</span>
                    <span class="visually-hidden">Instagram</span>
                  </a>
                </li></ul>
          </div>
        </div>
      </div>
    </div>
  </details>
</header-drawer>
<h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
            
            <img src="//www.protebro.de/cdn/shop/files/Logo-final.png?v=1753958798&amp;width=600" alt="protebro" srcset="//www.protebro.de/cdn/shop/files/Logo-final.png?v=1753958798&amp;width=150 150w, //www.protebro.de/cdn/shop/files/Logo-final.png?v=1753958798&amp;width=225 225w, //www.protebro.de/cdn/shop/files/Logo-final.png?v=1753958798&amp;width=300 300w" width="150" height="50.59015570065294" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 300px) 50vw, 150px">
          </div></a></h1>

<nav class="header__inline-menu">
  <ul class="list-menu list-menu--inline" role="list"><li><a
            id="HeaderMenu-home"
            href="/"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
              aria-current="page"
            
          >
            <span
                class="header__active-menu-item"
              
            >Home</span>
          </a></li><li><a
            id="HeaderMenu-brot"
            href="/collections/brot"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >Brot</span>
          </a></li><li><a
            id="HeaderMenu-backform"
            href="/products/protebro-backform-edelstahl-pur"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >Backform</span>
          </a></li><li><a
            id="HeaderMenu-lunchbox"
            href="/products/protebro-lunchbox-edelstahl-pur"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >Lunchbox</span>
          </a></li><li><a
            id="HeaderMenu-about"
            href="/pages/about"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >About</span>
          </a></li><li><a
            id="HeaderMenu-kontakt"
            href="/pages/contact"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >Kontakt</span>
          </a></li></ul>
</nav>

<div class="header__icons">
      <div class="desktop-localization-wrapper">
</div>
      

<details-modal class="header__search">
  <details>
    <summary
      class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
      aria-haspopup="dialog"
      aria-label="Suchen"
    >
      <span>
        <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span>
        <span class="svg-wrapper header__icon-close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
      </span>
    </summary>
    <div
      class="search-modal modal__content gradient"
      role="dialog"
      aria-modal="true"
      aria-label="Suchen"
    >
      <div class="modal-overlay"></div>
      <div
        class="search-modal__content search-modal__content-bottom"
        tabindex="-1"
      ><predictive-search class="search-modal__form" data-loading-text="Wird geladen ..."><form action="/search" method="get" role="search" class="search search-modal__form">
          <div class="field">
            <input
              class="search__input field__input"
              id="Search-In-Modal"
              type="search"
              name="q"
              value=""
              placeholder="Suchen"role="combobox"
                aria-expanded="false"
                aria-owns="predictive-search-results"
                aria-controls="predictive-search-results"
                aria-haspopup="listbox"
                aria-autocomplete="list"
                autocorrect="off"
                autocomplete="off"
                autocapitalize="off"
                spellcheck="false">
            <label class="field__label" for="Search-In-Modal">Suchen</label>
            <input type="hidden" name="options[prefix]" value="last">
            <button
              type="reset"
              class="reset__button field__button hidden"
              aria-label="Suchbegriff zurücksetzen"
            >
              <span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</span>
            </button>
            <button class="search__button field__button" aria-label="Suchen">
              <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span>
            </button>
          </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>

<div class="predictive-search__loading-state">
  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>

</div>
</div>

            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
          type="button"
          class="search-modal__close-button modal__close-button link link--text focus-inset"
          aria-label="Schließen"
        >
          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
        </button>
      </div>
    </div>
  </details>
</details-modal>

<a
          href="https://www.protebro.de/customer_authentication/redirect?locale=de&region_country=DE"
          class="header__icon header__icon--account link focus-inset small-hide"
          rel="nofollow"
        ><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
</span></account-icon><span class="visually-hidden">Einloggen</span>
        </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble">
        
          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-cart-empty" viewBox="0 0 40 40"><path fill="currentColor" fill-rule="evenodd" d="M15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33L28.4 11.8zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1-9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z"/></svg>
</span>
        
        <span class="visually-hidden">Warenkorb</span></a>
    </div>
  </header>
</sticky-header>

<cart-notification>
  <div class="cart-notification-wrapper page-width">
    <div
      id="cart-notification"
      class="cart-notification focus-inset color-scheme-4 gradient"
      aria-modal="true"
      aria-label="Artikel wurde in den Warenkorb gelegt"
      role="dialog"
      tabindex="-1"
    >
      <div class="cart-notification__header">
        <h2 class="cart-notification__heading caption-large text-body"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
Artikel wurde in den Warenkorb gelegt
        </h2>
        <button
          type="button"
          class="cart-notification__close modal__close-button link link--text focus-inset"
          aria-label="Schließen"
        >
          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
        </button>
      </div>
      <div id="cart-notification-product" class="cart-notification-product"></div>
      <div class="cart-notification__links">
        <a
          href="/cart"
          id="cart-notification-button"
          class="button button--secondary button--full-width"
        >Warenkorb ansehen</a>
        <form action="/cart" method="post" id="cart-notification-form">
          <button class="button button--primary button--full-width" name="checkout">
            Auschecken
          </button>
        </form>
        <button type="button" class="link button-label">Weiter shoppen</button>
      </div>
    </div>
  </div>
</cart-notification>
<style data-shopify>
  .cart-notification {
    display: none;
  }
</style>


<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "protebro",
    
      "logo": "https:\/\/www.protebro.de\/cdn\/shop\/files\/Logo-final.png?v=1753958798\u0026width=500",
    
    "sameAs": [
      "",
      "",
      "",
      "https:\/\/instagram.com\/protebro.official",
      "",
      "",
      "",
      "",
      ""
    ],
    "url": "https:\/\/www.protebro.de"
  }
</script>
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "protebro",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https:\/\/www.protebro.de\/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https:\/\/www.protebro.de"
    }
  </script>
</div>
<!-- END sections: header-group -->

    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
      <section id="shopify-section-template--24210700271945__slideshow_TCCFtU" class="shopify-section section"><link href="//www.protebro.de/cdn/shop/t/1/assets/section-image-banner.css?v=124819179385751388401753883362" rel="stylesheet" type="text/css" media="all" />
<link href="//www.protebro.de/cdn/shop/t/1/assets/component-slider.css?v=14039311878856620671753883360" rel="stylesheet" type="text/css" media="all" />
<link href="//www.protebro.de/cdn/shop/t/1/assets/component-slideshow.css?v=17933591812325749411753883360" rel="stylesheet" type="text/css" media="all" />
<slideshow-component
  class="slider-mobile-gutter mobile-text-below"
  role="region"
  aria-roledescription="Karussell"
  aria-label="Slideshow zu deiner Marke"
><div class="slideshow__controls slideshow__controls--top slider-buttons slideshow__controls--border-radius-mobile">
      <button
        type="button"
        class="slider-button slider-button--prev"
        name="previous"
        aria-label="Vorherige Folie"
        aria-controls="Slider-template--24210700271945__slideshow_TCCFtU"
      >
        <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</span>
      </button>
      <div class="slider-counter slider-counter--dots"><div class="slideshow__control-wrapper"><button
                class="slider-counter__link slider-counter__link--dots link"
                aria-label="Folie laden 1 von 5"
                aria-controls="Slider-template--24210700271945__slideshow_TCCFtU"
              ><span class="dot"></span></button><button
                class="slider-counter__link slider-counter__link--dots link"
                aria-label="Folie laden 2 von 5"
                aria-controls="Slider-template--24210700271945__slideshow_TCCFtU"
              ><span class="dot"></span></button><button
                class="slider-counter__link slider-counter__link--dots link"
                aria-label="Folie laden 3 von 5"
                aria-controls="Slider-template--24210700271945__slideshow_TCCFtU"
              ><span class="dot"></span></button><button
                class="slider-counter__link slider-counter__link--dots link"
                aria-label="Folie laden 4 von 5"
                aria-controls="Slider-template--24210700271945__slideshow_TCCFtU"
              ><span class="dot"></span></button><button
                class="slider-counter__link slider-counter__link--dots link"
                aria-label="Folie laden 5 von 5"
                aria-controls="Slider-template--24210700271945__slideshow_TCCFtU"
              ><span class="dot"></span></button></div></div>
      <button
        type="button"
        class="slider-button slider-button--next"
        name="next"
        aria-label="Nächste Folie"
        aria-controls="Slider-template--24210700271945__slideshow_TCCFtU"
      >
        <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</span>
      </button><button
          type="button"
          class="slideshow__autoplay slider-button"
          aria-label="Slideshow pausieren"
        >
          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-pause" viewBox="0 0 8 12"><path fill="currentColor" d="M1.2.75c-.387 0-.7.235-.7.525v9.45c0 .29.313.525.7.525s.7-.235.7-.525v-9.45c0-.29-.313-.525-.7-.525m5.6 0c-.387 0-.7.235-.7.525v9.45c0 .29.313.525.7.525s.7-.235.7-.525v-9.45c0-.29-.313-.525-.7-.525"/></svg>
</span>
          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-play" viewBox="0 0 10 14"><path fill="currentColor" fill-rule="evenodd" d="M1.482.815A1 1 0 0 0 0 1.69v10.517a1 1 0 0 0 1.525.851L10.54 7.5a1 1 0 0 0-.043-1.728z" clip-rule="evenodd"/></svg>
</span>
        </button></div><div
    class="slideshow banner banner--large grid grid--1-col slider slider--everywhere banner--mobile-bottom scroll-trigger animate--fade-in"
    id="Slider-template--24210700271945__slideshow_TCCFtU"
    aria-live="polite"
    aria-atomic="true"
    data-autoplay="true"
    data-speed="5"
  ><style>
        #Slide-template--24210700271945__slideshow_TCCFtU-1 .banner__media::after {
          opacity: 0.0;
        }
      </style>
      <div
        class="slideshow__slide grid__item grid--1-col slider__slide"
        id="Slide-template--24210700271945__slideshow_TCCFtU-1"
        
        role="group"
        aria-roledescription="Folie"
        aria-label="1 von 5"
        tabindex="-1"
      >
        <div class="slideshow__media banner__media media animate--ambient">
              <img src="//www.protebro.de/cdn/shop/files/06_STW8321.jpg?v=1756988813&amp;width=3840" alt="" srcset="//www.protebro.de/cdn/shop/files/06_STW8321.jpg?v=1756988813&amp;width=450 450w, //www.protebro.de/cdn/shop/files/06_STW8321.jpg?v=1756988813&amp;width=660 660w, //www.protebro.de/cdn/shop/files/06_STW8321.jpg?v=1756988813&amp;width=900 900w, //www.protebro.de/cdn/shop/files/06_STW8321.jpg?v=1756988813&amp;width=1320 1320w, //www.protebro.de/cdn/shop/files/06_STW8321.jpg?v=1756988813&amp;width=1800 1800w, //www.protebro.de/cdn/shop/files/06_STW8321.jpg?v=1756988813&amp;width=2136 2136w, //www.protebro.de/cdn/shop/files/06_STW8321.jpg?v=1756988813&amp;width=2400 2400w, //www.protebro.de/cdn/shop/files/06_STW8321.jpg?v=1756988813&amp;width=3600 3600w" height="3335" sizes="120vw" fetchpriority="high">
</div>
        <div class="slideshow__text-wrapper banner__content banner__content--bottom-center page-width banner--desktop-transparent scroll-trigger animate--slide-in">
          <div class="slideshow__text banner__box content-container content-container--full-width-mobile color-scheme-4 gradient slideshow__text--center slideshow__text-mobile--center"><div class="banner__buttons">
                <a
                  
                    href="/collections/brot"
                  
                  class="button button--primary"
                >Jetzt probieren</a>
              </div></div>
        </div>
      </div><style>
        #Slide-template--24210700271945__slideshow_TCCFtU-2 .banner__media::after {
          opacity: 0.0;
        }
      </style>
      <div
        class="slideshow__slide grid__item grid--1-col slider__slide"
        id="Slide-template--24210700271945__slideshow_TCCFtU-2"
        
        role="group"
        aria-roledescription="Folie"
        aria-label="2 von 5"
        tabindex="-1"
      >
        <div class="slideshow__media banner__media media animate--ambient"><img src="//www.protebro.de/cdn/shop/files/IMG_7296.jpg?v=1759861805&amp;width=3840" alt="" srcset="//www.protebro.de/cdn/shop/files/IMG_7296.jpg?v=1759861805&amp;width=450 450w, //www.protebro.de/cdn/shop/files/IMG_7296.jpg?v=1759861805&amp;width=660 660w, //www.protebro.de/cdn/shop/files/IMG_7296.jpg?v=1759861805&amp;width=900 900w, //www.protebro.de/cdn/shop/files/IMG_7296.jpg?v=1759861805&amp;width=1320 1320w, //www.protebro.de/cdn/shop/files/IMG_7296.jpg?v=1759861805&amp;width=1800 1800w, //www.protebro.de/cdn/shop/files/IMG_7296.jpg?v=1759861805&amp;width=2136 2136w, //www.protebro.de/cdn/shop/files/IMG_7296.jpg?v=1759861805&amp;width=2400 2400w, //www.protebro.de/cdn/shop/files/IMG_7296.jpg?v=1759861805&amp;width=3600 3600w" height="4032" loading="lazy" sizes="120vw">
</div>
        <div class="slideshow__text-wrapper banner__content banner__content--bottom-center page-width banner--desktop-transparent">
          <div class="slideshow__text banner__box content-container content-container--full-width-mobile color-scheme-4 gradient slideshow__text--center slideshow__text-mobile--center"><div class="banner__buttons">
                <a
                  
                    href="/collections/brot"
                  
                  class="button button--primary"
                >Jetzt probieren</a>
              </div></div>
        </div>
      </div><style>
        #Slide-template--24210700271945__slideshow_TCCFtU-3 .banner__media::after {
          opacity: 0.0;
        }
      </style>
      <div
        class="slideshow__slide grid__item grid--1-col slider__slide"
        id="Slide-template--24210700271945__slideshow_TCCFtU-3"
        
        role="group"
        aria-roledescription="Folie"
        aria-label="3 von 5"
        tabindex="-1"
      >
        <div class="slideshow__media banner__media media animate--ambient"><img src="//www.protebro.de/cdn/shop/files/03_STW8337.jpg?v=1756988813&amp;width=3840" alt="" srcset="//www.protebro.de/cdn/shop/files/03_STW8337.jpg?v=1756988813&amp;width=450 450w, //www.protebro.de/cdn/shop/files/03_STW8337.jpg?v=1756988813&amp;width=660 660w, //www.protebro.de/cdn/shop/files/03_STW8337.jpg?v=1756988813&amp;width=900 900w, //www.protebro.de/cdn/shop/files/03_STW8337.jpg?v=1756988813&amp;width=1320 1320w, //www.protebro.de/cdn/shop/files/03_STW8337.jpg?v=1756988813&amp;width=1800 1800w, //www.protebro.de/cdn/shop/files/03_STW8337.jpg?v=1756988813&amp;width=2136 2136w, //www.protebro.de/cdn/shop/files/03_STW8337.jpg?v=1756988813&amp;width=2400 2400w, //www.protebro.de/cdn/shop/files/03_STW8337.jpg?v=1756988813&amp;width=3600 3600w" height="3335" loading="lazy" sizes="120vw">
</div>
        <div class="slideshow__text-wrapper banner__content banner__content--bottom-center page-width banner--desktop-transparent">
          <div class="slideshow__text banner__box content-container content-container--full-width-mobile color-scheme-4 gradient slideshow__text--center slideshow__text-mobile--center"><div class="banner__buttons">
                <a
                  
                    href="/collections/brot"
                  
                  class="button button--primary"
                >Jetzt probieren</a>
              </div></div>
        </div>
      </div><style>
        #Slide-template--24210700271945__slideshow_TCCFtU-4 .banner__media::after {
          opacity: 0.0;
        }
      </style>
      <div
        class="slideshow__slide grid__item grid--1-col slider__slide"
        id="Slide-template--24210700271945__slideshow_TCCFtU-4"
        
        role="group"
        aria-roledescription="Folie"
        aria-label="4 von 5"
        tabindex="-1"
      >
        <div class="slideshow__media banner__media media animate--ambient"><img src="//www.protebro.de/cdn/shop/files/01_STW8249.jpg?v=1756988813&amp;width=3840" alt="" srcset="//www.protebro.de/cdn/shop/files/01_STW8249.jpg?v=1756988813&amp;width=450 450w, //www.protebro.de/cdn/shop/files/01_STW8249.jpg?v=1756988813&amp;width=660 660w, //www.protebro.de/cdn/shop/files/01_STW8249.jpg?v=1756988813&amp;width=900 900w, //www.protebro.de/cdn/shop/files/01_STW8249.jpg?v=1756988813&amp;width=1320 1320w, //www.protebro.de/cdn/shop/files/01_STW8249.jpg?v=1756988813&amp;width=1800 1800w, //www.protebro.de/cdn/shop/files/01_STW8249.jpg?v=1756988813&amp;width=2136 2136w, //www.protebro.de/cdn/shop/files/01_STW8249.jpg?v=1756988813&amp;width=2400 2400w, //www.protebro.de/cdn/shop/files/01_STW8249.jpg?v=1756988813&amp;width=3600 3600w" height="3335" loading="lazy" sizes="120vw">
</div>
        <div class="slideshow__text-wrapper banner__content banner__content--bottom-center page-width banner--desktop-transparent">
          <div class="slideshow__text banner__box content-container content-container--full-width-mobile color-scheme-4 gradient slideshow__text--center slideshow__text-mobile--center"><div class="banner__buttons">
                <a
                  
                    href="/collections/brot"
                  
                  class="button button--primary"
                >Jetzt probieren</a>
              </div></div>
        </div>
      </div><style>
        #Slide-template--24210700271945__slideshow_TCCFtU-5 .banner__media::after {
          opacity: 0.0;
        }
      </style>
      <div
        class="slideshow__slide grid__item grid--1-col slider__slide"
        id="Slide-template--24210700271945__slideshow_TCCFtU-5"
        
        role="group"
        aria-roledescription="Folie"
        aria-label="5 von 5"
        tabindex="-1"
      >
        <div class="slideshow__media banner__media media animate--ambient"><img src="//www.protebro.de/cdn/shop/files/02_STW8269.jpg?v=1756988813&amp;width=3840" alt="" srcset="//www.protebro.de/cdn/shop/files/02_STW8269.jpg?v=1756988813&amp;width=450 450w, //www.protebro.de/cdn/shop/files/02_STW8269.jpg?v=1756988813&amp;width=660 660w, //www.protebro.de/cdn/shop/files/02_STW8269.jpg?v=1756988813&amp;width=900 900w, //www.protebro.de/cdn/shop/files/02_STW8269.jpg?v=1756988813&amp;width=1320 1320w, //www.protebro.de/cdn/shop/files/02_STW8269.jpg?v=1756988813&amp;width=1800 1800w, //www.protebro.de/cdn/shop/files/02_STW8269.jpg?v=1756988813&amp;width=2136 2136w, //www.protebro.de/cdn/shop/files/02_STW8269.jpg?v=1756988813&amp;width=2400 2400w, //www.protebro.de/cdn/shop/files/02_STW8269.jpg?v=1756988813&amp;width=3600 3600w" height="3335" loading="lazy" sizes="120vw">
</div>
        <div class="slideshow__text-wrapper banner__content banner__content--middle-center page-width banner--desktop-transparent">
          <div class="slideshow__text banner__box content-container content-container--full-width-mobile color-scheme-4 gradient slideshow__text--center slideshow__text-mobile--center"><div class="banner__buttons">
                <a
                  
                    href="/collections/brot"
                  
                  class="button button--primary"
                >Jetzt probieren</a>
              </div></div>
        </div>
      </div></div></slideshow-component>
</section><section id="shopify-section-template--24210700271945__featured_collection" class="shopify-section section"><link href="//www.protebro.de/cdn/shop/t/1/assets/component-card.css?v=120341546515895839841753883360" rel="stylesheet" type="text/css" media="all" />
<link href="//www.protebro.de/cdn/shop/t/1/assets/component-price.css?v=47596247576480123001753883360" rel="stylesheet" type="text/css" media="all" />

<link href="//www.protebro.de/cdn/shop/t/1/assets/component-slider.css?v=14039311878856620671753883360" rel="stylesheet" type="text/css" media="all" />
<link href="//www.protebro.de/cdn/shop/t/1/assets/template-collection.css?v=58558206033505836701753883362" rel="stylesheet" type="text/css" media="all" />

<style data-shopify>.section-template--24210700271945__featured_collection-padding {
    padding-top: 33px;
    padding-bottom: 27px;
  }

  @media screen and (min-width: 750px) {
    .section-template--24210700271945__featured_collection-padding {
      padding-top: 44px;
      padding-bottom: 36px;
    }
  }</style><div
  class="color-scheme-4 isolate gradient"
>
  <div
    class="collection section-template--24210700271945__featured_collection-padding"
    id="collection-template--24210700271945__featured_collection"
    data-id="template--24210700271945__featured_collection"
  >
    <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width"></div>

    <slider-component class="slider-mobile-gutter page-width page-width-desktop scroll-trigger animate--slide-in">
      <ul
        id="Slider-template--24210700271945__featured_collection"
        data-id="template--24210700271945__featured_collection"
        class="grid product-grid contains-card contains-card--product contains-card--standard grid--4-col-desktop grid--2-col-tablet-down"
        role="list"
        aria-label="Slider"
      >
        

          

              <li
                id="Slide-template--24210700271945__featured_collection-1"
                class="grid__item scroll-trigger animate--slide-in"
                
                  data-cascade
                  style="--animation-order: 1;"
                
              >
                
<link href="//www.protebro.de/cdn/shop/t/1/assets/component-rating.css?v=179577762467860590411753883360" rel="stylesheet" type="text/css" media="all" />
  <link href="//www.protebro.de/cdn/shop/t/1/assets/component-volume-pricing.css?v=111870094811454961941753883360" rel="stylesheet" type="text/css" media="all" />

  <link href="//www.protebro.de/cdn/shop/t/1/assets/component-price.css?v=47596247576480123001753883360" rel="stylesheet" type="text/css" media="all" />
  <link href="//www.protebro.de/cdn/shop/t/1/assets/quick-order-list.css?v=86354568948591544181753883361" rel="stylesheet" type="text/css" media="all" />
  <link href="//www.protebro.de/cdn/shop/t/1/assets/quantity-popover.css?v=160630540099520878331753883361" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 150.01500150015002%;"
    >
      <div
        class="card__inner color-scheme-4 gradient ratio"
        style="--ratio-percent: 150.01500150015002%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//www.protebro.de/cdn/shop/files/STW7839.jpg?v=1756902296&width=165 165w,//www.protebro.de/cdn/shop/files/STW7839.jpg?v=1756902296&width=360 360w,//www.protebro.de/cdn/shop/files/STW7839.jpg?v=1756902296&width=533 533w,//www.protebro.de/cdn/shop/files/STW7839.jpg?v=1756902296&width=720 720w,//www.protebro.de/cdn/shop/files/STW7839.jpg?v=1756902296&width=940 940w,//www.protebro.de/cdn/shop/files/STW7839.jpg?v=1756902296&width=1066 1066w,//www.protebro.de/cdn/shop/files/STW7839.jpg?v=1756902296 3333w
                "
                src="//www.protebro.de/cdn/shop/files/STW7839.jpg?v=1756902296&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Backmischung"
                class="motion-reduce"
                
                width="3333"
                height="5000"
              >
              
<img
                  srcset="//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402&width=165 165w,//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402&width=360 360w,//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402&width=533 533w,//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402&width=720 720w,//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402&width=940 940w,//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402&width=1066 1066w,//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402 3335w
                  "
                  src="//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt="Backmischung"
                  class="motion-reduce"
                  loading="lazy"
                  width="3335"
                  height="5000"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/protebro-backmischung-550-g"
                id="StandardCardNoMediaLink-template--24210700271945__featured_collection-9802658709833"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--24210700271945__featured_collection-9802658709833 NoMediaStandardBadge-template--24210700271945__featured_collection-9802658709833"
              >
                Backmischung
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--24210700271945__featured_collection-9802658709833"
            
          >
            <a
              href="/products/protebro-backmischung-550-g"
              id="CardLink-template--24210700271945__featured_collection-9802658709833"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--24210700271945__featured_collection-9802658709833 Badge-template--24210700271945__featured_collection-9802658709833"
            >
              Backmischung
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span>
<div
    class="
      price "
  >
    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaler Preis</span>
          <span class="price-item price-item--regular">
            Ab €5,90 EUR
          </span></div>
      <div class="price__sale">
          <span class="visually-hidden visually-hidden--inline">Normaler Preis</span>
          <span>
            <s class="price-item price-item--regular">
              
                
              
            </s>
          </span><span class="visually-hidden visually-hidden--inline">Verkaufspreis</span>
        <span class="price-item price-item--sale price-item--last">
          Ab €5,90 EUR
        </span>
      </div></div></div>


</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
              </li>
              <li
                id="Slide-template--24210700271945__featured_collection-2"
                class="grid__item scroll-trigger animate--slide-in"
                
                  data-cascade
                  style="--animation-order: 2;"
                
              >
                
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 149.92503748125935%;"
    >
      <div
        class="card__inner color-scheme-4 gradient ratio"
        style="--ratio-percent: 149.92503748125935%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402&width=165 165w,//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402&width=360 360w,//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402&width=533 533w,//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402&width=720 720w,//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402&width=940 940w,//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402&width=1066 1066w,//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402 3335w
                "
                src="//www.protebro.de/cdn/shop/files/STW6766.jpg?v=1757148402&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Fertig gebacken"
                class="motion-reduce"
                
                width="3335"
                height="5000"
              >
              
<img
                  srcset="//www.protebro.de/cdn/shop/files/STW6783.jpg?v=1757148402&width=165 165w,//www.protebro.de/cdn/shop/files/STW6783.jpg?v=1757148402&width=360 360w,//www.protebro.de/cdn/shop/files/STW6783.jpg?v=1757148402&width=533 533w,//www.protebro.de/cdn/shop/files/STW6783.jpg?v=1757148402&width=720 720w,//www.protebro.de/cdn/shop/files/STW6783.jpg?v=1757148402&width=940 940w,//www.protebro.de/cdn/shop/files/STW6783.jpg?v=1757148402&width=1066 1066w,//www.protebro.de/cdn/shop/files/STW6783.jpg?v=1757148402 3335w
                  "
                  src="//www.protebro.de/cdn/shop/files/STW6783.jpg?v=1757148402&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt="Fertig gebacken"
                  class="motion-reduce"
                  loading="lazy"
                  width="3335"
                  height="5000"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/protebro-fertig-gebacken-600-g"
                id="StandardCardNoMediaLink-template--24210700271945__featured_collection-9802688397641"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--24210700271945__featured_collection-9802688397641 NoMediaStandardBadge-template--24210700271945__featured_collection-9802688397641"
              >
                Fertig gebacken
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--24210700271945__featured_collection-9802688397641"
            
          >
            <a
              href="/products/protebro-fertig-gebacken-600-g"
              id="CardLink-template--24210700271945__featured_collection-9802688397641"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--24210700271945__featured_collection-9802688397641 Badge-template--24210700271945__featured_collection-9802688397641"
            >
              Fertig gebacken
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span>
<div
    class="
      price "
  >
    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaler Preis</span>
          <span class="price-item price-item--regular">
            €7,90 EUR
          </span></div>
      <div class="price__sale">
          <span class="visually-hidden visually-hidden--inline">Normaler Preis</span>
          <span>
            <s class="price-item price-item--regular">
              
                
              
            </s>
          </span><span class="visually-hidden visually-hidden--inline">Verkaufspreis</span>
        <span class="price-item price-item--sale price-item--last">
          €7,90 EUR
        </span>
      </div></div></div>


</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
              </li>
              <li
                id="Slide-template--24210700271945__featured_collection-3"
                class="grid__item scroll-trigger animate--slide-in"
                
                  data-cascade
                  style="--animation-order: 3;"
                
              >
                
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 150.01500150015002%;"
    >
      <div
        class="card__inner color-scheme-4 gradient ratio"
        style="--ratio-percent: 150.01500150015002%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//www.protebro.de/cdn/shop/files/wilmvisuals-S-7904.jpg?v=1756908352&width=165 165w,//www.protebro.de/cdn/shop/files/wilmvisuals-S-7904.jpg?v=1756908352&width=360 360w,//www.protebro.de/cdn/shop/files/wilmvisuals-S-7904.jpg?v=1756908352&width=533 533w,//www.protebro.de/cdn/shop/files/wilmvisuals-S-7904.jpg?v=1756908352&width=720 720w,//www.protebro.de/cdn/shop/files/wilmvisuals-S-7904.jpg?v=1756908352&width=940 940w,//www.protebro.de/cdn/shop/files/wilmvisuals-S-7904.jpg?v=1756908352&width=1066 1066w,//www.protebro.de/cdn/shop/files/wilmvisuals-S-7904.jpg?v=1756908352 3333w
                "
                src="//www.protebro.de/cdn/shop/files/wilmvisuals-S-7904.jpg?v=1756908352&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Backform – Edelstahl Pur"
                class="motion-reduce"
                
                width="3333"
                height="5000"
              >
              
<img
                  srcset="//www.protebro.de/cdn/shop/files/wilmvisuals-S-7869.jpg?v=1756908352&width=165 165w,//www.protebro.de/cdn/shop/files/wilmvisuals-S-7869.jpg?v=1756908352&width=360 360w,//www.protebro.de/cdn/shop/files/wilmvisuals-S-7869.jpg?v=1756908352&width=533 533w,//www.protebro.de/cdn/shop/files/wilmvisuals-S-7869.jpg?v=1756908352&width=720 720w,//www.protebro.de/cdn/shop/files/wilmvisuals-S-7869.jpg?v=1756908352&width=940 940w,//www.protebro.de/cdn/shop/files/wilmvisuals-S-7869.jpg?v=1756908352&width=1066 1066w,//www.protebro.de/cdn/shop/files/wilmvisuals-S-7869.jpg?v=1756908352 3333w
                  "
                  src="//www.protebro.de/cdn/shop/files/wilmvisuals-S-7869.jpg?v=1756908352&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt="Backform – Edelstahl Pur"
                  class="motion-reduce"
                  loading="lazy"
                  width="3333"
                  height="5000"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/protebro-backform-edelstahl-pur"
                id="StandardCardNoMediaLink-template--24210700271945__featured_collection-9802989830473"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--24210700271945__featured_collection-9802989830473 NoMediaStandardBadge-template--24210700271945__featured_collection-9802989830473"
              >
                Backform – Edelstahl Pur
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--24210700271945__featured_collection-9802989830473"
            
          >
            <a
              href="/products/protebro-backform-edelstahl-pur"
              id="CardLink-template--24210700271945__featured_collection-9802989830473"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--24210700271945__featured_collection-9802989830473 Badge-template--24210700271945__featured_collection-9802989830473"
            >
              Backform – Edelstahl Pur
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span>
<div
    class="
      price "
  >
    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaler Preis</span>
          <span class="price-item price-item--regular">
            €39,00 EUR
          </span></div>
      <div class="price__sale">
          <span class="visually-hidden visually-hidden--inline">Normaler Preis</span>
          <span>
            <s class="price-item price-item--regular">
              
                
              
            </s>
          </span><span class="visually-hidden visually-hidden--inline">Verkaufspreis</span>
        <span class="price-item price-item--sale price-item--last">
          €39,00 EUR
        </span>
      </div></div></div>


</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
              </li>
              <li
                id="Slide-template--24210700271945__featured_collection-4"
                class="grid__item scroll-trigger animate--slide-in"
                
                  data-cascade
                  style="--animation-order: 4;"
                
              >
                
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 150.01500150015002%;"
    >
      <div
        class="card__inner color-scheme-4 gradient ratio"
        style="--ratio-percent: 150.01500150015002%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//www.protebro.de/cdn/shop/files/STW8497.jpg?v=1756910642&width=165 165w,//www.protebro.de/cdn/shop/files/STW8497.jpg?v=1756910642&width=360 360w,//www.protebro.de/cdn/shop/files/STW8497.jpg?v=1756910642&width=533 533w,//www.protebro.de/cdn/shop/files/STW8497.jpg?v=1756910642&width=720 720w,//www.protebro.de/cdn/shop/files/STW8497.jpg?v=1756910642&width=940 940w,//www.protebro.de/cdn/shop/files/STW8497.jpg?v=1756910642&width=1066 1066w,//www.protebro.de/cdn/shop/files/STW8497.jpg?v=1756910642 3333w
                "
                src="//www.protebro.de/cdn/shop/files/STW8497.jpg?v=1756910642&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Lunchbox – Edelstahl Pur"
                class="motion-reduce"
                
                width="3333"
                height="5000"
              >
              
<img
                  srcset="//www.protebro.de/cdn/shop/files/01.jpg?v=1756910642&width=165 165w,//www.protebro.de/cdn/shop/files/01.jpg?v=1756910642&width=360 360w,//www.protebro.de/cdn/shop/files/01.jpg?v=1756910642&width=533 533w,//www.protebro.de/cdn/shop/files/01.jpg?v=1756910642&width=720 720w,//www.protebro.de/cdn/shop/files/01.jpg?v=1756910642&width=940 940w,//www.protebro.de/cdn/shop/files/01.jpg?v=1756910642&width=1066 1066w,//www.protebro.de/cdn/shop/files/01.jpg?v=1756910642 5000w
                  "
                  src="//www.protebro.de/cdn/shop/files/01.jpg?v=1756910642&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt="Lunchbox – Edelstahl Pur"
                  class="motion-reduce"
                  loading="lazy"
                  width="5000"
                  height="3335"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/protebro-lunchbox-edelstahl-pur"
                id="StandardCardNoMediaLink-template--24210700271945__featured_collection-9802996416841"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--24210700271945__featured_collection-9802996416841 NoMediaStandardBadge-template--24210700271945__featured_collection-9802996416841"
              >
                Lunchbox – Edelstahl Pur
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--24210700271945__featured_collection-9802996416841"
            
          >
            <a
              href="/products/protebro-lunchbox-edelstahl-pur"
              id="CardLink-template--24210700271945__featured_collection-9802996416841"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--24210700271945__featured_collection-9802996416841 Badge-template--24210700271945__featured_collection-9802996416841"
            >
              Lunchbox – Edelstahl Pur
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span>
<div
    class="
      price "
  >
    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaler Preis</span>
          <span class="price-item price-item--regular">
            €34,00 EUR
          </span></div>
      <div class="price__sale">
          <span class="visually-hidden visually-hidden--inline">Normaler Preis</span>
          <span>
            <s class="price-item price-item--regular">
              
                
              
            </s>
          </span><span class="visually-hidden visually-hidden--inline">Verkaufspreis</span>
        <span class="price-item price-item--sale price-item--last">
          €34,00 EUR
        </span>
      </div></div></div>


</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
              </li>
</ul></slider-component></div>
</div>


</section><section id="shopify-section-template--24210700271945__image_banner_PzK99b" class="shopify-section section"><link href="//www.protebro.de/cdn/shop/t/1/assets/section-image-banner.css?v=124819179385751388401753883362" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>#Banner-template--24210700271945__image_banner_PzK99b::after {
    opacity: 0.0;
  }</style><div
  id="Banner-template--24210700271945__image_banner_PzK99b"
  class="banner banner--content-align-center banner--content-align-mobile-center banner--medium banner--mobile-bottom scroll-trigger animate--fade-in"
><div class="banner__media media scroll-trigger animate--fade-in"><img src="//www.protebro.de/cdn/shop/files/STW9260.jpg?v=1761584660&amp;width=3840" alt="" srcset="//www.protebro.de/cdn/shop/files/STW9260.jpg?v=1761584660&amp;width=375 375w, //www.protebro.de/cdn/shop/files/STW9260.jpg?v=1761584660&amp;width=550 550w, //www.protebro.de/cdn/shop/files/STW9260.jpg?v=1761584660&amp;width=750 750w, //www.protebro.de/cdn/shop/files/STW9260.jpg?v=1761584660&amp;width=1100 1100w, //www.protebro.de/cdn/shop/files/STW9260.jpg?v=1761584660&amp;width=1500 1500w, //www.protebro.de/cdn/shop/files/STW9260.jpg?v=1761584660&amp;width=1780 1780w, //www.protebro.de/cdn/shop/files/STW9260.jpg?v=1761584660&amp;width=2000 2000w, //www.protebro.de/cdn/shop/files/STW9260.jpg?v=1761584660&amp;width=3000 3000w, //www.protebro.de/cdn/shop/files/STW9260.jpg?v=1761584660&amp;width=3840 3840w" width="3000" height="2001.0000000000002" sizes="100vw" fetchpriority="auto">
    </div><div class="banner__content banner__content--middle-center page-width scroll-trigger animate--slide-in">
    <div class="banner__box content-container content-container--full-width-mobile color-scheme-1 gradient"></div>
  </div>
</div>


</section><section id="shopify-section-template--24210700271945__rich_text_3G4NjX" class="shopify-section section"><link href="//www.protebro.de/cdn/shop/t/1/assets/section-rich-text.css?v=155250126305810049721753883362" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--24210700271945__rich_text_3G4NjX-padding {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  @media screen and (min-width: 750px) {
    .section-template--24210700271945__rich_text_3G4NjX-padding {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  }</style><div class="isolate">
  <div class="rich-text content-container color-scheme-4 gradient rich-text--full-width content-container--full-width section-template--24210700271945__rich_text_3G4NjX-padding">
    <div class="rich-text__wrapper rich-text__wrapper--center page-width">
      <div class="rich-text__blocks center"><div
                class="rich-text__text rte scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 1;"
                
              >
                <h2>Warum protebro</h2><p><strong>Mehr als Brot – eine Idee, Genuss und Lifestyle.</strong></p><p>Gegründet von Stephan Wilm, entwickelt mit Leidenschaft und Präzision.</p><p>Jedes protebro steht für Klarheit, Qualität und Ästhetik – für Menschen, die bewussten Genuss lieben.</p>
              </div></div>
    </div>
  </div>
</div>


</section>
    </main>

    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--24210700730697__footer" class="shopify-section shopify-section-group-footer-group">
<link href="//www.protebro.de/cdn/shop/t/1/assets/section-footer.css?v=60318643098753476351753883362" rel="stylesheet" type="text/css" media="all" />
<link href="//www.protebro.de/cdn/shop/t/1/assets/component-newsletter.css?v=4727253280200485261753883360" rel="stylesheet" type="text/css" media="all" />
<link href="//www.protebro.de/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991753883360" rel="stylesheet" type="text/css" media="all" />
<link href="//www.protebro.de/cdn/shop/t/1/assets/component-list-payment.css?v=69253961410771838501753883360" rel="stylesheet" type="text/css" media="all" />
<link href="//www.protebro.de/cdn/shop/t/1/assets/component-list-social.css?v=35792976012981934991753883360" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.footer {
    margin-top: 0px;
  }

  .section-sections--24210700730697__footer-padding {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  @media screen and (min-width: 750px) {
    .footer {
      margin-top: 0px;
    }

    .section-sections--24210700730697__footer-padding {
      padding-top: 36px;
      padding-bottom: 36px;
    }
  }</style><footer class="footer color-scheme-4 gradient section-sections--24210700730697__footer-padding"><div class="footer__content-top page-width"><div
          class="footer-block--newsletter scroll-trigger animate--slide-in"
          
            data-cascade
          
        ><div class="footer-block__newsletter"><h2 class="footer-block__heading inline-richtext">News von protebro.</h2><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
                <div class="newsletter-form__field-wrapper">
                  <div class="field">
                    <input
                      id="NewsletterForm--sections--24210700730697__footer"
                      type="email"
                      name="contact[email]"
                      class="field__input"
                      value=""
                      aria-required="true"
                      autocorrect="off"
                      autocapitalize="off"
                      autocomplete="email"
                      
                      placeholder="E-Mail"
                      required
                    >
                    <label class="field__label" for="NewsletterForm--sections--24210700730697__footer">
                      E-Mail
                    </label>
                    <button
                      type="submit"
                      class="newsletter-form__button field__button"
                      name="commit"
                      id="Subscribe"
                      aria-label="Abonnieren"
                    >
                      <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
                    </button>
                  </div></div></form></div><div class="footer__follow-on-shop">
              <script defer="defer" async type="module" src="//www.protebro.de/cdn/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.de.esm.js"></script>
<script type="module">
  await import("//www.protebro.de/cdn/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.de.esm.js");

  
</script>

<shop-follow-button ux-mode="windoid" return-uri="https://www.protebro.de/account/redirect" proxy="true"></shop-follow-button>

            </div>

<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item">
      <a href="https://instagram.com/protebro.official" class="link list-social__link" target="_blank" rel="noopener noreferrer">
        <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
</span>
        <span class="visually-hidden">Instagram</span>
      </a>
    </li></ul></div>
      </div><div
    class="footer__content-bottom scroll-trigger animate--slide-in"
    
      data-cascade
    
  >
    <div class="footer__content-bottom-wrapper page-width">
      <div class="footer__column footer__localization isolate"><localization-form><form method="post" action="/localization" id="FooterCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
                <h2 class="caption-large text-body" id="FooterCountryLabel">Land/Region</h2>

<div class="disclosure">
  <button
    type="button"
    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
    aria-expanded="false"
    aria-controls="FooterCountry-country-results"
    aria-describedby="FooterCountryLabel"
  >
    <span>Deutschland |
      EUR
      €</span>
    <svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>

  </button>
  <div class="disclosure__list-wrapper country-selector" hidden>
    <div class="country-filter">
      
        <div class="field">
          <input
            class="country-filter__input field__input"
            id="country-filter-input"
            type="search"
            name="country_filter"
            value=""
            placeholder="Suchen"
            role="combobox"
            aria-owns="country-results"
            aria-controls="country-results"
            aria-haspopup="listbox"
            aria-autocomplete="list"
            autocorrect="off"
            autocomplete="off"
            autocapitalize="off"
            spellcheck="false"
          >
          <label class="field__label" for="country-filter-input">Suchen</label>
          <button
            type="reset"
            class="country-filter__reset-button field__button hidden"
            aria-label="Suchbegriff zurücksetzen"
          ><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</button>
          <div class="country-filter__search-icon field__button motion-reduce"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</div>
        </div>
      
      <button
        class="country-selector__close-button button--small link"
        type="button"
        aria-label="Schließen"
      ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</button>
    </div>
    <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
    <div
      class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
      id="FooterCountry-country-results"
    >
      
      <ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BE"
              id="Belgien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Belgien</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BG"
              id="Bulgarien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Bulgarien</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="DK"
              id="Dänemark"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Dänemark</span>
              <span class="localization-form__currency motion-reduce">
                DKK
                kr.</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
                aria-current="true"
              
              data-value="DE"
              id="Deutschland"
            >
              <span
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Deutschland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="EE"
              id="Estland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Estland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FI"
              id="Finnland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Finnland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FR"
              id="Frankreich"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Frankreich</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GR"
              id="Griechenland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Griechenland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IE"
              id="Irland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Irland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IT"
              id="Italien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Italien</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HR"
              id="Kroatien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Kroatien</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="LV"
              id="Lettland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Lettland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="LT"
              id="Litauen"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Litauen</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="LU"
              id="Luxemburg"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Luxemburg</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MT"
              id="Malta"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Malta</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NL"
              id="Niederlande"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Niederlande</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AT"
              id="Österreich"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Österreich</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PL"
              id="Polen"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Polen</span>
              <span class="localization-form__currency motion-reduce">
                PLN
                zł</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PT"
              id="Portugal"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Portugal</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="RO"
              id="Rumänien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Rumänien</span>
              <span class="localization-form__currency motion-reduce">
                RON
                Lei</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SE"
              id="Schweden"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Schweden</span>
              <span class="localization-form__currency motion-reduce">
                SEK
                kr</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SK"
              id="Slowakei"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Slowakei</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SI"
              id="Slowenien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Slowenien</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ES"
              id="Spanien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Spanien</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CZ"
              id="Tschechien"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Tschechien</span>
              <span class="localization-form__currency motion-reduce">
                CZK
                Kč</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HU"
              id="Ungarn"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Ungarn</span>
              <span class="localization-form__currency motion-reduce">
                HUF
                Ft</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CY"
              id="Zypern"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
              <span class="country">Zypern</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li></ul>
    </div>
  </div>
  <div class="country-selector__overlay"></div>
</div>
<input type="hidden" name="country_code" value="DE">
</div></form></localization-form></div>
      <div class="footer__column footer__column--info"></div>
    </div>
    <div class="footer__content-bottom-wrapper page-width">
      <div class="footer__copyright caption">
        <small class="copyright__content"
          >&copy; 2026, <a href="/" title="">protebro</a></small>
        <small class="copyright__content">· Alle Rechte vorbehalten</small><ul class="policies list-unstyled"><li>
                  <small class="copyright__content"
                    ><a href="/policies/privacy-policy">Datenschutzerklärung</a></small
                  >
                </li><li>
                  <small class="copyright__content"
                    ><a href="/policies/refund-policy">Widerrufsrecht</a></small
                  >
                </li><li>
                  <small class="copyright__content"
                    ><a href="/policies/terms-of-service">Allgemeine Geschäftsbedingungen</a></small
                  >
                </li><li>
                  <small class="copyright__content"
                    ><a href="/policies/shipping-policy">Versandbedingungen</a></small
                  >
                </li><li>
                  <small class="copyright__content"
                    ><a href="/policies/contact-information">Kontaktinformationen</a></small
                  >
                </li><li>
                  <small class="copyright__content"
                    ><a href="/policies/legal-notice">Impressum</a></small
                  >
                </li></ul></div>
    </div>
  </div>
</footer>


</div>
<!-- END sections: footer-group -->

    <ul hidden>
      <li id="a11y-refresh-page-message">Wenn du dich für eine Auswahl entscheidest, wird die Seite komplett aktualisiert.</li>
      <li id="a11y-new-window-message">Wird in einem neuen Fenster geöffnet.</li>
    </ul>

    <script>
      window.shopUrl = 'https://www.protebro.de';
      window.routes = {
        cart_add_url: '/cart/add',
        cart_change_url: '/cart/change',
        cart_update_url: '/cart/update',
        cart_url: '/cart',
        predictive_search_url: '/search/suggest',
      };

      window.cartStrings = {
        error: `Beim Aktualisieren deines Warenkorbs ist ein Fehler aufgetreten. Bitte versuche es erneut.`,
        quantityError: `Du kannst deinem Warenkorb nur [quantity] Stück dieses Artikels hinzufügen.`,
      };

      window.variantStrings = {
        addToCart: `In den Warenkorb legen`,
        soldOut: `Ausverkauft`,
        unavailable: `Nicht verfügbar`,
        unavailable_with_option: `[value] – nicht verfügbar`,
      };

      window.quickOrderListStrings = {
        itemsAdded: `[quantity] Artikel hinzugefügt`,
        itemAdded: `[quantity] Artikel hinzugefügt`,
        itemsRemoved: `[quantity] Artikel entfernt`,
        itemRemoved: `[quantity] Artikel entfernt`,
        viewCart: `Warenkorb ansehen`,
        each: `[money]/Stück`,
        min_error: `Dieser Artikel hat ein Minimum von [min]`,
        max_error: `Dieser Artikel hat ein Maximum von [max]`,
        step_error: `Du kannst diesen Artikel nur in Abstufungen von [step] hinzufügen.`,
      };

      window.accessibilityStrings = {
        imageAvailable: `Bild [index] ist nun in der Galerieansicht verfügbar`,
        shareSuccess: `Link in die Zwischenablage kopiert`,
        pauseSlideshow: `Slideshow pausieren`,
        playSlideshow: `Slideshow abspielen`,
        recipientFormExpanded: `Formular für den Empfänger des Gutscheins erweitert`,
        recipientFormCollapsed: `Formular für den Empfänger des Gutscheins minimiert`,
        countrySelectorSearchCount: `[count] Länder/Regionen gefunden`,
      };
    </script><script src="//www.protebro.de/cdn/shop/t/1/assets/predictive-search.js?v=57209189334897115771753883361" defer="defer"></script><script>
(function () {
  const TAGS = ['shop-follow-button','shopify-collabs-follow-button'];
  function paint(el){
    const r = el && el.shadowRoot; if(!r) return;

    // Hintergrund-Layer im Shadow-DOM finden (Collabs nutzt bg-purple-*)
    const bg = r.querySelector('.bg-purple-primary, .bg-purple-d0, [class*="bg-purple"]');
    const btn = r.querySelector('button');
    const txt = r.querySelector('.text-white, [class*="text-"]');

    if (bg) {
      bg.style.setProperty('background','#000','important');
      bg.style.setProperty('border','none','important');
      // Hover absichern
      btn && btn.addEventListener('mouseenter',()=>bg.style.setProperty('background','#333','important'));
      btn && btn.addEventListener('mouseleave',()=>bg.style.setProperty('background','#000','important'));
    }
    if (txt) {
      txt.style.setProperty('color','#fff','important');
      txt.style.setProperty('fill','#fff','important');
      txt.style.setProperty('stroke','#fff','important');
    }
  }

  function scan(){ TAGS.forEach(t => document.querySelectorAll(t).forEach(paint)); }

  // initial + nach dynamischen Reloads
  document.addEventListener('DOMContentLoaded', scan);
  document.addEventListener('shopify:section:load', scan);
  document.addEventListener('shopify:section:select', scan);

  // beobachten bis der Button da ist
  const mo = new MutationObserver(scan);
  mo.observe(document.body, { childList: true, subtree: true });

  // Fallback: kurze Wiederholungen nach Mount
  let tries = 0; const iv = setInterval(()=>{ scan(); if(++tries>20) clearInterval(iv); }, 300);
})();
</script>


  <style>  </style>
</body>
</html>


