In diesen Blogartikeln bekommst du Impulse für das Herzstück deiner Website: deine Inhalte.

Webdesign - Layout, Bilder und Texte

Gezeichnete gebogene Blätter mit einer Linie.

Welche Bildergrössen sind optimal für die Website?
26. Juni 2025
Lesezeit: 12 Minuten
Das hängt davon ab, wo du das Bild einsetzen willst: Warum die richtige Bildgrösse so wichtig ist Ein Bild sagt…
Weiterlesen
Barrierefreie Farben für eine nutzerfreundliche Website
14. November 2024
Lesezeit: 8 Minuten
Gibt es überhaupt barrierefreie Farben für die Website? Ja und nein. Es geht vor allem darum, wie wir Farben auf…
Weiterlesen
Barrierefreie Schrift leicht gemacht: Tipps aus der Praxis
7. Oktober 2024
Lesezeit: 13 Minuten
Eine barrierefreie Schrift ist besonders gut für Menschen mit Sehschwäche oder Lesestörungen wie Legasthenie geeignet. Eine barrierefreie Schriftart zeichnet sich…
Weiterlesen
Website-Footer gestalten: Tipps und Beispiele für deine Fusszeile
17. Juni 2024
Lesezeit: 9 Minuten
Der Footer ist nicht einfach das Ende deiner Website. Er hinterlässt den letzten Eindruck – und der wirkt nach. Gut…
Weiterlesen
Mit Fotos auf deiner Website die Gefühle deiner Besucher ansprechen
27. April 2023
Lesezeit: 7 Minuten
Nutze die Macht von Eyecatcher-Fotos auf deiner Website. Besucher werden von Gesichtern magisch angezogen. So kannst du Emotionen auslösen und…
Weiterlesen
Gute Texte schreiben: 5 Tipps, damit dir das Texten leichter
4. November 2021
Lesezeit: 11 Minuten
Vor mittlerweile über 45 Jahren hat mir ein Onkel das Skifahren beigebracht. Ich erinnere mich daran, wie ich einmal hingefallen…
Weiterlesen
Inspiration und Tipps für deine Über mich-Seite
22. Juli 2021
Lesezeit: 4 Minuten
Seufzt du innerlich, wenn du an deine Über mich-Seite denkst? Glaub mir, damit bist du nicht alleine! So geht es…
Weiterlesen
Was für Bilder brauche ich auf meiner Website?
17. Juni 2021
Lesezeit: 6 Minuten
Gut, dass du fragst! Und zwar bevor du eine Fotografin beauftragst. Oder deine Freundin, die so super fotografiert. Denn sonst…
Weiterlesen
Packende Texte schreiben
2. Juli 2020
Lesezeit: 5 Minuten
Schreiben gehört für viele nicht zur Lieblingsbeschäftigung. Gerade, wer einen Beruf an der frischen Luft und mit Tieren gewählt hat,…
Weiterlesen

img:is([sizes="auto"i],[sizes^="auto,"i]){contain-intrinsic-size:3000px 1500px}[consent-id]:not(.rcb-content-blocker):not([consent-transaction-complete]):not([consent-visual-use-parent^="children:"]):not([consent-confirm]){opacity:0!important}.rcb-content-blocker+.rcb-content-blocker-children-fallback~*{display:none!important}/*! This file is auto-generated */.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}span.wp-block-wpseopress-local-business-field{margin-right:8px}.wp-block-wpseopress-table-of-contents li.active>a{font-weight:bold}@font-face{font-family:"Atkinson Hyperlegible Next";font-weight:400;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_3499/claudiabarfuss.ch%2Fwp-content%2Fuploads%2FAtkinsonHyperlegibleNext-VariableFont_wght.ttf)format("truetype")}@font-face{font-family:"Atkinson Hyperlegible Next";font-weight:400;font-style:italic;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_3499/claudiabarfuss.ch%2Fwp-content%2Fuploads%2FAtkinsonHyperlegibleNext-Italic-VariableFont_wght.ttf)format("truetype")}@font-face{font-family:"Brightson";font-weight:400;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_3499/claudiabarfuss.ch%2Fwp-content%2Fuploads%2F2024%2F12%2FBrightson.woff2)format("woff2")}@font-face{font-family:"Lexend";font-weight:400;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_3499/claudiabarfuss.ch%2Fwp-content%2Fuploads%2F2024%2F12%2Flexend-v23-latin-regular.woff2)format("woff2")}@font-face{font-family:"Lexend";font-weight:600;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_3499/claudiabarfuss.ch%2Fwp-content%2Fuploads%2F2024%2F12%2Flexend-v23-latin-600.woff2)format("woff2")}@font-face{font-family:"Lexend";font-weight:700;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_3499/claudiabarfuss.ch%2Fwp-content%2Fuploads%2F2024%2F12%2Flexend-v23-latin-700.woff2)format("woff2")}@font-face{font-family:"Comfortaa";font-weight:400;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_3499/claudiabarfuss.ch%2Fwp-content%2Fuploads%2F2024%2F12%2Fcomfortaa-v45-latin-regular.woff2)format("woff2")}@font-face{font-family:"Comfortaa";font-weight:700;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_3499/claudiabarfuss.ch%2Fwp-content%2Fuploads%2F2024%2F12%2Fcomfortaa-v45-latin-700.woff2)format("woff2")}:root{}.fr-header-alpha{padding-top:var(--space-xs);padding-right:var(--gutter);padding-bottom:var(--space-xs);padding-left:var(--gutter)}.fr-header-alpha__inner{display:flex;align-items:center;justify-content:space-between;flex-direction:row}@media (max-width:767px){.fr-header-alpha__inner{flex-wrap:nowrap}}.fr-nav-alpha .bricks-mobile-menu-toggle{color:var(--text-dark)}.fr-nav-alpha .bricks-mobile-menu>li>a{color:var(--text-light);font-size:var(--text-s)}.fr-nav-alpha .bricks-mobile-menu>li>.brx-submenu-toggle>*{color:var(--text-light);font-size:var(--text-s)}.fr-nav-alpha .bricks-nav-menu>li{margin-left:0}.fr-nav-alpha .bricks-nav-menu .sub-menu .brx-submenu-toggle>a+button{color:var(--base-ultra-dark);font-size:var(--text-s);line-height:1}.fr-nav-alpha .bricks-nav-menu .sub-menu{background-color:var(--bg-light);box-shadow:var(--box-shadow-m)}.fr-nav-alpha .bricks-nav-menu .sub-menu>li>a{color:var(--base-ultra-dark);text-decoration:none;font-size:var(--text-s)}.fr-nav-alpha .bricks-nav-menu .sub-menu>li>.brx-submenu-toggle>*{color:var(--base-ultra-dark);text-decoration:none;font-size:var(--text-s)}.fr-nav-alpha .bricks-nav-menu>li.menu-item-has-children>.brx-submenu-toggle button[aria-expanded]{font-size:calc(var(--icon-size)/2);color:var(--primary)}.fr-nav-alpha .bricks-mobile-menu .sub-menu>li>a{color:var(--text-light)}.fr-nav-alpha .bricks-mobile-menu .sub-menu>li>.brx-submenu-toggle>*{color:var(--text-light)}.fr-nav-alpha .bricks-nav-menu>li:hover>a{color:var(--link-color-hover)}.fr-nav-alpha .bricks-nav-menu>li:hover>.brx-submenu-toggle>*{color:var(--link-color-hover)}.fr-nav-alpha .bricks-nav-menu>li>a{color:var(--base-ultra-dark);line-height:1;text-decoration:none;font-size:var(--text-s);padding-top:var(--btn-padding-block);padding-bottom:var(--btn-padding-block)}.fr-nav-alpha .bricks-nav-menu>li>.brx-submenu-toggle>*{color:var(--base-ultra-dark);line-height:1;text-decoration:none;font-size:var(--text-s);padding-top:var(--btn-padding-block);padding-bottom:var(--btn-padding-block)}.fr-nav-alpha .bricks-nav-menu .current-menu-item>a{color:var(--link-color-active)}.fr-nav-alpha .bricks-nav-menu .current-menu-item>.brx-submenu-toggle>*{color:var(--link-color-active)}.fr-nav-alpha .bricks-nav-menu>.current-menu-parent>a{color:var(--link-color-active)}.fr-nav-alpha .bricks-nav-menu>.current-menu-parent>.brx-submenu-toggle>*{color:var(--link-color-active)}.fr-nav-alpha .bricks-nav-menu>.current-menu-ancestor>a{color:var(--link-color-active)}.fr-nav-alpha .bricks-nav-menu>.current-menu-ancestor>.brx-submenu-toggle>*{color:var(--link-color-active)}.fr-nav-alpha .bricks-nav-menu .sub-menu>li:hover>a{color:var(--link-color-hover)}.fr-nav-alpha .bricks-nav-menu .sub-menu>li:hover>.brx-submenu-toggle>*{color:var(--link-color-hover)}.fr-nav-alpha .bricks-nav-menu .sub-menu .brx-submenu-toggle>a:hover+button{color:var(--link-color-hover)}.fr-nav-alpha .bricks-nav-menu .sub-menu button[aria-expanded="true"]>*{transform:rotateZ(270deg)}.fr-nav-alpha .bricks-nav-menu button[aria-expanded="true"]>*{transform:rotateZ(180deg)}.fr-nav-alpha .bricks-nav-menu{gap:var(--content-gap)}.fr-nav-alpha .bricks-nav-menu .sub-menu a{padding-right:0;padding-left:0}.fr-nav-alpha .bricks-nav-menu .sub-menu button{padding-right:0;padding-left:0}.fr-nav-alpha .bricks-mobile-menu>.menu-item-has-children .brx-submenu-toggle button{font-size:var(--text-s)}.fr-nav-alpha{--link-color: var(--primary);--link-color-hover: var(--primary-hover);--link-color-active: var(--primary);--toggle-gap: .5em;--border-color: transparent}.fr-nav-alpha li{white-space:nowrap}.fr-nav-alpha ul.sub-menu li,.fr-nav-alpha ul.bricks-mobile-menu li{padding:var(--btn-padding-block) var(--btn-padding-inline);border-block-end:var(--btn-border-width) solid var(--border-color)}.fr-nav-alpha ul.bricks-mobile-menu{display:flex}.fr-nav-alpha ul.bricks-mobile-menu li{width:100%;display:flex;flex-direction:column;gap:1em}.fr-nav-alpha .bricks-mobile-menu-wrapper .bricks-mobile-menu>li>.brx-submenu-toggle>*,.fr-nav-alpha .bricks-mobile-menu-wrapper .bricks-mobile-menu>li>a,.fr-nav-alpha .bricks-mobile-menu-wrapper .sub-menu li>a,.fr-nav-alpha .bricks-mobile-menu-wrapper .sub-menu li>.brx-submenu-toggle>*{padding:0;max-width:max-content;line-height:var(--btn-line-height)}.show-mobile-menu ul.bricks-mobile-menu{display:flex;flex-direction:column;align-items:flex-start}.bricks-mobile-menu-toggle{margin-inline-start:auto}.fr-nav-alpha .brx-submenu-toggle{display:flex;flex-direction:row;gap:var(--toggle-gap)}.fr-nav-alpha .brx-submenu-toggle button{margin:0!important;padding:0!important}.fr-nav-alpha .sub-menu{min-width:auto!important}@media (max-width:991px){.fr-nav-alpha{line-height:0}}@media (max-width:767px){.fr-nav-alpha .bricks-mobile-menu>.menu-item-has-children .brx-submenu-toggle button{color:var(--text-light)}.fr-nav-alpha{display:flex}}.cta-section-quebec{position:relative;color:var(--white)}.cta-section-quebec__inner{display:grid;align-items:initial;grid-template-columns:var(--grid-3-2);grid-gap:var(--grid-gap);width:var(--width-xl)}@media (max-width:767px){.cta-section-quebec__inner{grid-template-columns:var(--grid-1)}}.cta-section-quebec__content-wrapper{row-gap:var(--content-gap);justify-content:center;width:100%;max-width:45ch}.cta-section-quebec__heading{font-size:var(--h2)}.fr-accent-heading{line-height:1.1;text-transform:uppercase;letter-spacing:.095em;font-size:var(--text-s);font-weight:400;color:var(--neutral-dark);order:-1;margin-bottom:0}.cta-section-quebec__media-wrapper{position:relative}.cta-section-quebec__media{align-self:center;height:calc(100% + var(--media-height-offset));width:100%}.cta-section-quebec__media:not(.tag),.cta-section-quebec__media img{object-fit:contain}.cta-section-quebec__media{--media-height-offset: 60px;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}@media (max-width:767px){.cta-section-quebec__media{height:auto;position:relative}}.fr-background-alpha{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:-1}.fr-background-alpha__image:not(.tag),.fr-background-alpha__image img{object-fit:cover}.fr-background-alpha__image{position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:100%;z-index:-1;height:100%;border-radius:0}.fr-article-grid-alpha{display:grid;align-items:initial;grid-gap:var(--space-xl);grid-template-columns:var(--grid-3);grid-template-rows:var(--grid-1);align-items:stretch;padding-left:0}.fr-article-grid-alpha{list-style:none}@media (max-width:991px){.fr-article-grid-alpha{grid-template-columns:var(--grid-2)}}@media (max-width:767px){.fr-article-grid-alpha{grid-template-columns:var(--grid-1)}}.fr-article-card-alpha{display:flex;flex-direction:column;row-gap:var(--fr-card-gap);overflow:hidden;position:relative;transition:all .3s ease}.fr-article-card-alpha__body{display:flex;flex-direction:column;row-gap:var(--fr-card-gap);width:100%;height:100%;flex-grow:1}.fr-article-card-alpha__title{font-size:var(--h3)}.fr-article-card-alpha__date{display:flex}.fr-article-card-alpha__media-wrapper{order:-1;aspect-ratio:5/3}.fr-article-card-alpha__media{width:100%;flex-grow:1;position:static;border-radius:var(--radius);overflow:hidden;height:100%}.fr-article-card-alpha__media:not(.tag),.fr-article-card-alpha__media img{object-fit:cover}.fr-footer-alpha{background-image:url(https://claudiabarfuss.ch/wp-content/uploads/bg-papiere-teetasse.jpg);background-size:cover;background-repeat:no-repeat;position:relative}:where(.fr-footer-alpha>*:not(figcaption)){position:relative}.fr-footer-alpha::before{background-image:linear-gradient(90deg,var(--base),var(--base-trans-90) 60%);position:absolute;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none}.fr-footer-alpha__inner{grid-gap:var(--space-xl);display:grid;align-items:initial;grid-template-columns:var(--grid-2-3);grid-template-rows:var(--grid-1);align-items:stretch}@media (max-width:991px){.fr-footer-alpha__inner{grid-template-columns:var(--grid-1)}}.fr-footer-alpha__content-wrapper{row-gap:var(--content-gap)}.fr-footer-alpha__nav{display:grid;align-items:initial;align-items:stretch;grid-template-columns:var(--grid-2);grid-template-rows:var(--grid-1);grid-gap:var(--space-m)}@media (max-width:991px){.fr-footer-alpha__nav{grid-template-columns:var(--grid-2)}}@media (max-width:478px){.fr-footer-alpha__nav{grid-template-columns:var(--grid-1)}}.fr-footer-alpha__nav-column{row-gap:var(--content-gap)}.fr-footer-alpha__nav-column-heading{font-size:var(--h3)}.fr-footer-alpha__nav-ul{row-gap:var(--content-gap);padding-left:0;font-size:var(--text-m)}.fr-footer-alpha__nav-ul{list-style:none}.fr-social-alpha{align-items:center;display:flex;flex-wrap:wrap;column-gap:1em;margin-top:0;margin-bottom:0;padding-left:0;flex-shrink:0}.fr-social-alpha{--icon-size: 1em;list-style:none}.fr-social-alpha[data-color="dark"]{--icon-fill-color: transparent;--icon-stroke-color: var(--bg-dark);--icon-fill-color-hover: transparent;--icon-stroke-color-hover: var(--bg-dark)}.fr-social-alpha[data-color="light"]{--icon-fill-color: transparent;--icon-stroke-color: var(--text-light-muted);--icon-fill-color-hover: transparent;--icon-stroke-color-hover: var(--text-light)}.fr-social-alpha a svg{transition:all var(--transition-duration) var(--transition-timing) var(--transition-delay)}@media (max-width:991px){.fr-social-alpha{row-gap:1em}}.fr-social-alpha__list-item{max-width:fit-content}.fr-social-alpha__icon-wrapper{display:flex;text-decoration:none}.fr-social-alpha__icon-wrapper svg{height:var(--icon-size);width:var(--icon-size);fill:var(--icon-fill-color);color:var(--icon-stroke-color)}.fr-social-alpha__icon-wrapper i{color:var(--icon-fill-color);font-size:var(--icon-size)}.fr-social-alpha__icon-wrapper svg:hover{fill:var(--icon-fill-color-hover);color:var(--icon-stroke-color-hover)}.fr-social-alpha__icon-wrapper i:hover{color:var(--icon-fill-color-hover)}.subfooter-bravo{background-color:var(--primary);padding-top:var(--section-space-xs);padding-right:var(--gutter);padding-bottom:var(--section-space-xs);padding-left:var(--gutter);flex-direction:row;display:flex;align-self:center!important;align-items:center;justify-content:center}.fr-legal-meta-alpha{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:calc(var(--content-gap)*4);row-gap:calc(var(--content-gap)/2);font-size:var(--text-s);color:var(--accent-ultra-light);margin-right:0;margin-left:0;align-self:center!important;justify-content:center;align-items:center}.fr-legal-meta-alpha__copyright{display:flex;width:fit-content}.fr-legal-meta-alpha__nav{display:flex;flex-direction:row;width:auto}.fr-legal-meta-alpha__list{padding-left:0;display:flex;justify-content:center;flex-wrap:nowrap;column-gap:1em;row-gap:1em;margin-top:0;margin-bottom:0}.fr-legal-meta-alpha__list{list-style-type:none}.fr-legal-meta-alpha__list-item{width:auto}:root{--bricks-color-acss_import_transparent: transparent}#brxe-gpairh{width:270px;max-width:270px}@layer bricks{@media (max-width:767px){#brxe-17cd7a .bricks-nav-menu-wrapper{display:none}#brxe-17cd7a .bricks-mobile-menu-toggle{display:block}}}.brxe-fqfzpc .brxe-zmzvwi.brxe-div{display:flex}.brxe-fqfzpc .brxe-zviufa.brxe-text-link .icon>svg{height:20px;width:20px;stroke:var(--primary)}.brxe-fqfzpc .brxe-zviufa.brxe-text-link{flex-direction:row-reverse}#brxe-lhfqgu{font-size:var(--h3)}#brxe-qixmoh{text-decoration:underline;color:var(--primary-dark-trans-90)}#brxe-qixmoh a{text-decoration:underline;color:var(--primary-dark-trans-90);font-size:inherit}#brxe-4eef7f{font-size:var(--text-l);color:var(--base-ultra-dark)}[data-icon]:is(svg,i,a){background-color:#f9eee6}#brxe-ccfjve{font-size:var(--text-l)}