Zum Inhalt
Zur Navigation
Zur Suche
Zur Suche
Zum Footer
Suche nach Inhalten, Kategorien oder Produkten
shopping_cart
login
menu
Products
Prods
expand_more
Suche nach Inhalten, Kategorien oder Produkten
shopping_bag
Start a new order:
where do you want us to deliver?
chevron_right
Homepage
/
Documentation
/
Content Types
/
Accordion and Tabs
Accordion and Tabs
Make big amounts of information easily scannable and accessible by organizing them in accordions.
%22%20fill-opacity%3D%220.1%22%2F%3E%0A%3Cpath%20d%3D%22M300.682%20257.762C288.519%20268.546%20274.003%20276.735%20258.001%20281.461C269.666%20307.732%20295.984%20326.053%20326.581%20326.053C367.348%20326.053%20400.518%20293.527%20401.556%20253.01C397.516%20273.942%20384.147%20286.435%20366.081%20290.5C338.056%20296.805%20311.581%20284%20300.682%20257.762Z%22%20fill%3D%22%23E8873C%22%2F%3E%0A%3Cpath%20d%3D%22M338.87%20272.83C345.957%20277.855%20354.052%20280.828%20362.581%20280.5C387.473%20279.542%20405.921%20254.22%20396.702%20224.389C387.316%20199.719%20365.285%20181.283%20338.529%20177C337.997%20194.687%20333.382%20211.348%20325.595%20226.073C325.595%20226.073%20326.251%20226.053%20326.581%20226.053C340.388%20226.053%20351.581%20237.246%20351.581%20251.053C351.581%20260.394%20346.458%20268.538%20338.87%20272.83Z%22%20fill%3D%22%23E8873C%22%2F%3E%0A%3Cpath%20d%3D%22M338.869%20272.83C345.956%20277.855%20354.052%20280.828%20362.58%20280.5C387.472%20279.542%20405.92%20254.22%20396.702%20224.389C387.315%20199.719%20365.285%20181.283%20338.528%20177C337.996%20194.687%20333.381%20211.348%20325.594%20226.073C325.594%20226.073%20326.25%20226.053%20326.58%20226.053C340.387%20226.053%20351.58%20237.246%20351.58%20251.053C351.58%20260.394%20346.458%20268.538%20338.869%20272.83Z%22%20fill%3D%22url(%23paint1_linear_2015_68)%22%20fill-opacity%3D%220.1%22%2F%3E%0A%3Cpath%20d%3D%22M200.899%20244.291C213.062%20233.508%20227.578%20225.319%20243.58%20220.593C231.915%20194.322%20205.597%20176%20175%20176C134.233%20176%20101.063%20208.527%20100.025%20249.044C104.065%20228.112%20117.434%20215.618%20135.5%20211.553C163.525%20205.248%20190%20218.053%20200.899%20244.291Z%22%20fill%3D%22%23E8873C%22%2F%3E%0A%3Cpath%20d%3D%22M162.711%20229.224C155.624%20224.199%20147.529%20221.225%20139%20221.553C114.108%20222.511%2095.6605%20247.833%20104.879%20277.665C114.265%20302.334%20136.296%20320.77%20163.052%20325.053C163.584%20307.366%20168.199%20290.705%20175.986%20275.981C175.986%20275.981%20175.331%20276%20175%20276C161.193%20276%20150%20264.807%20150%20251C150%20241.66%20155.123%20233.516%20162.711%20229.224Z%22%20fill%3D%22%23E8873C%22%2F%3E%0A%3Cpath%20d%3D%22M162.712%20229.224C155.625%20224.199%20147.529%20221.225%20139.001%20221.553C114.109%20222.511%2095.661%20247.833%20104.879%20277.665C114.266%20302.334%20136.296%20320.77%20163.053%20325.053C163.585%20307.366%20168.2%20290.705%20175.987%20275.981C175.987%20275.981%20175.331%20276%20175.001%20276C161.194%20276%20150.001%20264.807%20150.001%20251C150.001%20241.66%20155.123%20233.516%20162.712%20229.224Z%22%20fill%3D%22url(%23paint2_linear_2015_68)%22%20fill-opacity%3D%220.1%22%2F%3E%0A%3Cpath%20d%3D%22M257.762%20200.898C268.546%20213.062%20276.735%20227.578%20281.461%20243.58C307.732%20231.915%20326.053%20205.597%20326.053%20175C326.053%20134.233%20293.527%20101.062%20253.01%20100.025C273.942%20104.065%20286.435%20117.433%20290.5%20135.5C296.805%20163.524%20284%20190%20257.762%20200.898Z%22%20fill%3D%22%23003D29%22%2F%3E%0A%3Cpath%20d%3D%22M272.83%20162.711C277.855%20155.624%20280.828%20147.528%20280.5%20139C279.542%20114.108%20254.22%2095.6601%20224.389%20104.878C199.719%20114.265%20181.283%20136.295%20177%20163.052C194.687%20163.584%20211.348%20168.199%20226.073%20175.986C226.073%20175.986%20226.053%20175.33%20226.053%20175C226.053%20161.193%20237.246%20150%20251.053%20150C260.394%20150%20268.538%20155.122%20272.83%20162.711Z%22%20fill%3D%22%23003D29%22%2F%3E%0A%3Cpath%20d%3D%22M272.83%20162.711C277.855%20155.624%20280.828%20147.528%20280.5%20139C279.542%20114.108%20254.22%2095.6602%20224.389%20104.879C199.719%20114.265%20181.283%20136.295%20177%20163.052C194.687%20163.584%20211.348%20168.199%20226.073%20175.986C226.073%20175.986%20226.053%20175.33%20226.053%20175C226.053%20161.193%20237.246%20150%20251.053%20150C260.394%20150%20268.538%20155.122%20272.83%20162.711Z%22%20fill%3D%22url(%23paint3_linear_2015_68)%22%20fill-opacity%3D%220.1%22%2F%3E%0A%3Cpath%20d%3D%22M454%20324.317V179.022H507.938C518.339%20179.022%20527.923%20180.438%20536.69%20183.269C545.457%20185.952%20552.515%20190.72%20557.864%20197.575C563.213%20204.43%20565.888%20213.893%20565.888%20225.964C565.888%20237.587%20563.213%20247.05%20557.864%20254.352C552.515%20261.654%20545.457%20267.019%20536.69%20270.446C527.923%20273.874%20518.339%20275.588%20507.938%20275.588H492.336V324.317H454ZM492.336%20245.187H505.263C512.842%20245.187%20518.562%20243.548%20522.426%20240.27C526.437%20236.991%20528.443%20232.223%20528.443%20225.964C528.443%20219.705%20526.437%20215.383%20522.426%20212.999C518.562%20210.615%20512.842%20209.422%20505.263%20209.422H492.336V245.187ZM501.029%20265.529L526.883%20240.046L573.912%20324.317H531.118L501.029%20265.529Z%22%20fill%3D%22%23243121%22%2F%3E%0A%3Cpath%20d%3D%22M591.656%20324.317V292.129H624.643V211.211H591.656V179.022H695.966V211.211H662.979V292.129H695.966V324.317H591.656Z%22%20fill%3D%22%23243121%22%2F%3E%0A%3Cpath%20d%3D%22M790.382%20327C781.318%20327%20772.625%20325.51%20764.304%20322.529C756.132%20319.4%20748.851%20314.78%20742.461%20308.67C736.072%20302.411%20731.02%20294.662%20727.305%20285.423C723.591%20276.035%20721.733%20265.156%20721.733%20252.788C721.733%20236.544%20724.928%20222.76%20731.317%20211.434C737.707%20199.96%20746.25%20191.242%20756.949%20185.281C767.647%20179.32%20779.535%20176.34%20792.61%20176.34C801.972%20176.34%20810.441%20178.277%20818.019%20182.152C825.746%20185.877%20832.135%20190.199%20837.187%20195.117L816.236%20218.811C812.967%20215.83%20809.401%20213.521%20805.538%20211.881C801.823%20210.242%20797.514%20209.422%20792.61%20209.422C786.667%20209.422%20781.318%20211.136%20776.563%20214.564C771.808%20217.842%20768.019%20222.611%20765.196%20228.87C762.372%20235.129%20760.961%20242.654%20760.961%20251.446C760.961%20260.537%20762.372%20268.286%20765.196%20274.694C768.019%20280.952%20771.956%20285.721%20777.009%20289C782.061%20292.278%20787.856%20293.917%20794.394%20293.917C799.148%20293.917%20803.458%20292.8%20807.321%20290.564C811.333%20288.329%20814.899%20285.572%20818.019%20282.294L838.97%20305.541C833.027%20312.694%20825.895%20318.059%20817.574%20321.635C809.252%20325.211%20800.189%20327%20790.382%20327Z%22%20fill%3D%22%23243121%22%2F%3E%0A%3Cpath%20d%3D%22M1069.05%20327C1059.54%20327%201049.81%20325.286%201039.85%20321.859C1030.05%20318.431%201021.06%20313.216%201012.88%20306.212L1034.73%20279.835C1040.22%20284.008%201046.09%20287.435%201052.33%20290.117C1058.72%20292.651%201065.19%20293.917%201071.72%20293.917C1077.52%20293.917%201081.61%20293.098%201083.98%20291.459C1086.51%20289.819%201087.77%20287.808%201087.77%20285.423C1087.77%20282.592%201086.96%20280.357%201085.32%20278.717C1083.69%20277.078%201081.31%20275.588%201078.19%20274.247C1075.07%20272.906%201071.28%20271.341%201066.82%20269.553L1048.77%20261.952C1043.27%20259.866%201038.14%20257.035%201033.39%20253.458C1028.78%20249.733%201025.07%20245.262%201022.24%20240.046C1019.57%20234.682%201018.23%20228.497%201018.23%20221.493C1018.23%20213.148%201020.54%20205.623%201025.14%20198.917C1029.75%20192.062%201036.21%20186.623%201044.53%20182.599C1052.85%20178.426%201062.51%20176.34%201073.51%20176.34C1082.13%20176.34%201090.74%20177.979%201099.36%20181.258C1108.13%20184.387%201116%20189.23%201122.99%20195.787L1103.82%20219.929C1098.62%20216.501%201093.64%20213.893%201088.89%20212.105C1084.13%20210.317%201078.26%20209.423%201071.28%20209.423C1067.12%20209.423%201063.7%20210.242%201061.03%20211.882C1058.35%20213.372%201057.01%20215.831%201057.01%20219.258C1057.01%20221.493%201057.91%20223.356%201059.69%20224.846C1061.47%20226.337%201064.07%20227.752%201067.49%20229.093C1070.91%20230.435%201074.99%20231.999%201079.75%20233.788L1096.46%20240.717C1103%20243.101%201108.5%20246.156%201112.96%20249.882C1117.56%20253.458%201121.06%20257.78%201123.43%20262.847C1125.81%20267.913%201127%20273.8%201127%20280.506C1127%20288.702%201124.77%20296.376%201120.31%20303.529C1115.86%20310.533%201109.32%20316.196%201100.7%20320.518C1092.08%20324.839%201081.53%20327%201069.05%20327Z%22%20fill%3D%22%23243121%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M925.289%20325.883C966.834%20325.883%201000.51%20292.107%201000.51%20250.442C1000.51%20208.776%20966.834%20175%20925.289%20175C883.745%20175%20850.066%20208.776%20850.066%20250.442C850.066%20292.107%20883.745%20325.883%20925.289%20325.883ZM925.289%20293.471C947.139%20293.471%20962.623%20274.457%20962.623%20251.001C962.623%20227.544%20947.139%20208.53%20925.289%20208.53C903.44%20208.53%20887.956%20227.544%20887.956%20251.001C887.956%20274.457%20903.44%20293.471%20925.289%20293.471Z%22%20fill%3D%22%23243121%22%2F%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_2015_68%22%20x1%3D%22269.054%22%20y1%3D%22367.08%22%20x2%3D%22231.554%22%20y2%3D%22379.08%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23002244%22%20stop-opacity%3D%220%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23002244%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint1_linear_2015_68%22%20x1%3D%22367.08%22%20y1%3D%22233%22%20x2%3D%22379.08%22%20y2%3D%22270.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23002244%22%20stop-opacity%3D%220%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23002244%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint2_linear_2015_68%22%20x1%3D%22134.501%22%20y1%3D%22269.053%22%20x2%3D%22122.501%22%20y2%3D%22231.553%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23002244%22%20stop-opacity%3D%220%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23002244%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint3_linear_2015_68%22%20x1%3D%22233%22%20y1%3D%22134.5%22%20x2%3D%22270.5%22%20y2%3D%22122.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23002244%22%20stop-opacity%3D%220%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23002244%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A)