Onlineshop
Willkommen in meiner Hüterwelt
Hier findest Du handgefertigte Begleiter, die mit viel Sorgfalt
und in echter Handarbeit entstehen.
Jeder Stein erzählt seine eigene Geschichte. Ich wähle ihn aus,
bearbeite ihn mit meinen Händen und lasse dabei seine natürliche
Besonderheit sichtbar.
So entstehen Seelensteine, Pfotenhüter und Raumhüter,
die nicht einfach nur Dekoration sind, sondern ihren ganz
eigenen Charakter mitbringen.
.hueter-welt-intro {
width: 100%;
padding: 90px 30px;
background: #f7f3ed;
box-sizing: border-box;
}
.hueter-welt-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 70px;
}
.hueter-welt-text {
flex: 1;
}
.hueter-welt-text h1 {
margin: 0 0 30px 0;
font-family: Georgia, serif;
font-size: 48px;
font-weight: 400;
line-height: 1.2;
color: #4a4038;
}
.hueter-welt-text p {
margin: 0 0 20px 0;
font-family: Arial, sans-serif;
font-size: 17px;
line-height: 1.8;
color: #665d55;
}
.hueter-welt-image {
flex: 1;
}
.hueter-welt-image img {
display: block;
width: 100%;
height: auto;
border-radius: 4px;
}
/* MOBILE */
@media (max-width: 767px) {
.hueter-welt-intro {
padding: 60px 20px;
}
.hueter-welt-content {
display: flex;
flex-direction: column;
gap: 35px;
}
.hueter-welt-text h1 {
font-size: 36px;
}
.hueter-welt-text p {
font-size: 16px;
}
.hueter-welt-image {
width: 100%;
}
}
Finde Deinen Begleiter
Jeder Bereich erzählt seine eigene Geschichte.
Entdecke handgefertigte Unikate aus natürlichen Steinen
und besonderen Materialien.
Seelensteine
Natürliche Steine, von Hand ausgewählt
und zu persönlichen Begleitern gestaltet.
entdecken →
02
Pfotenhüter
Besondere Begleiter für die Verbindung
zwischen Mensch und Hund.
entdecken →
03
Raumhüter
Besondere Steine für Räume,
mit ihrer eigenen Präsenz und Geschichte.
entdecken →
.hueter-kategorien {
padding: 120px 30px 130px;
background: #f7f3ed;
color: #4b433c;
}
/* KOPF */
.hueter-kategorien-kopf {
max-width: 680px;
margin: 0 auto 75px;
text-align: center;
}
.hueter-kategorien-kopf span {
display: block;
margin-bottom: 18px;
font-family: Arial, sans-serif;
font-size: 11px;
letter-spacing: 4px;
text-transform: uppercase;
color: #927e6a;
}
.hueter-kategorien-kopf h2 {
margin: 0 0 24px;
font-family: Georgia, serif;
font-size: 46px;
font-weight: 400;
line-height: 1.2;
color: #4a4038;
}
.hueter-kategorien-kopf p {
margin: 0 auto;
max-width: 580px;
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.8;
color: #70665d;
}
/* GRID */
.hueter-kategorien-grid {
max-width: 1180px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
/* KATEGORIE */
.hueter-kategorie {
display: block;
text-decoration: none;
color: inherit;
}
/* BILD */
.hueter-bild {
position: relative;
width: 100%;
aspect-ratio: 4 / 5;
overflow: hidden;
background: #e9e2d9;
}
.hueter-bild img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.7s ease;
}
/* dezente Bewegung beim Darüberfahren */
.hueter-kategorie:hover .hueter-bild img {
transform: scale(1.035);
}
/* INFO */
.hueter-info {
position: relative;
padding: 28px 8px 10px;
}
/* NUMMER */
.hueter-zahl {
display: block;
margin-bottom: 12px;
font-family: Georgia, serif;
font-size: 14px;
font-style: italic;
color: #a28e7a;
}
/* TITEL */
.hueter-info h3 {
margin: 0 0 12px;
font-family: Georgia, serif;
font-size: 29px;
font-weight: 400;
color: #4a4038;
}
/* TEXT */
.hueter-info p {
max-width: 300px;
margin: 0 0 24px;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.7;
color: #70665d;
}
/* LINK */
.hueter-entdecken {
display: inline-block;
font-family: Arial, sans-serif;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
color: #806e5c;
border-bottom: 1px solid #b9aa9a;
padding-bottom: 5px;
}
/* MOBILE */
@media (max-width: 767px) {
.hueter-kategorien {
padding: 80px 20px 90px;
}
.hueter-kategorien-kopf {
margin-bottom: 50px;
}
.hueter-kategorien-kopf h2 {
font-size: 35px;
}
.hueter-kategorien-grid {
grid-template-columns: 1fr;
gap: 60px;
}
.hueter-bild {
aspect-ratio: 4 / 5;
}
.hueter-info {
padding-top: 22px;
}
}
von Hand ausgewählt · von Hand gestaltet
Aus meiner Werkstatt
Vom Stein
zum Hüter.
Kein Stein gleicht dem anderen.
Ich arbeite mit natürlichen Steinen, die ich selbst auswähle
und Schritt für Schritt bearbeite. Dabei bleibt ihre natürliche
Struktur sichtbar. Genau das macht jedes Stück zu einem Unikat.
Vom ersten Blick auf den rohen Stein bis zum fertigen Hüter
entsteht alles in meiner Handarbeit und mit viel Zeit für das
einzelne Stück.
.hueter-atelier {
padding: 120px 30px;
background: #ebe4da;
}
.hueter-atelier-inner {
max-width: 1150px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.05fr 0.95fr;
align-items: center;
gap: 90px;
}
/* BILD */
.hueter-atelier-image {
position: relative;
}
.hueter-atelier-image img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 5;
object-fit: cover;
}
/* kleine Bildunterschrift */
.hueter-atelier-caption {
display: block;
margin-top: 15px;
font-family: Arial, sans-serif;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
color: #8a7968;
}
/* TEXT */
.hueter-atelier-text {
padding-right: 25px;
}
.hueter-atelier-klein {
display: block;
margin-bottom: 22px;
font-family: Arial, sans-serif;
font-size: 11px;
letter-spacing: 4px;
text-transform: uppercase;
color: #927e6a;
}
.hueter-atelier-text h2 {
margin: 0;
font-family: Georgia, serif;
font-size: 58px;
font-weight: 400;
line-height: 1.05;
color: #493f37;
}
/* FEINE LINIE */
.hueter-atelier-linie {
width: 65px;
height: 1px;
margin: 35px 0;
background: #a99581;
}
/* TEXT */
.hueter-atelier-text p {
max-width: 470px;
margin: 0 0 20px;
font-family: Arial, sans-serif;
font-size: 15px;
line-height: 1.85;
color: #6d635a;
}
/* LINK */
.hueter-atelier-link {
display: inline-block;
margin-top: 15px;
padding-bottom: 6px;
font-family: Arial, sans-serif;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
color: #776756;
text-decoration: none;
border-bottom: 1px solid #b5a493;
}
/* MOBILE */
@media (max-width: 767px) {
.hueter-atelier {
padding: 80px 20px;
}
.hueter-atelier-inner {
display: flex;
flex-direction: column;
gap: 50px;
}
.hueter-atelier-text {
padding-right: 0;
}
.hueter-atelier-text h2 {
font-size: 43px;
}
.hueter-atelier-text p {
font-size: 15px;
}
}
Aktuelle Hüter
Jedes Stück ist nur einmal vorhanden oder entsteht in kleiner,
handgefertigter Serie. Vielleicht ist gerade einer dabei,
der zu Dir passt.
-
Seelenstein Noctaris
19,00 €Kostenloser Versand
In den Warenkorb -
Gutschein
10,00 €Kostenloser Versand
In den Warenkorb -
Seelenstein Elvaris
19,00 €Kostenloser Versand
In den Warenkorb -
Schlüsselhüter Amariel
22,00 €Kostenloser Versand
In den Warenkorb -
Pfotenhüter Erinnerungslicht
19,00 € In den Warenkorb -
Pfotenhüter Lichtspur
19,00 € In den Warenkorb
alle Hüter entdecken →
/* =========================================
AKTUELLE HÜTER
========================================= */
.aktuelle-hueter {
padding: 125px 30px 135px;
background: #f7f3ed;
}
/* =========================================
KOPF
========================================= */
.aktuelle-hueter-kopf {
max-width: 650px;
margin: 0 auto 75px;
text-align: center;
}
.aktuelle-hueter-kopf span {
display: block;
margin-bottom: 17px;
font-family: Arial, sans-serif;
font-size: 11px;
letter-spacing: 4px;
text-transform: uppercase;
color: #927e6a;
}
.aktuelle-hueter-kopf h2 {
margin: 0 0 23px;
font-family: Georgia, serif;
font-size: 46px;
font-weight: 400;
line-height: 1.2;
color: #4a4038;
}
.aktuelle-hueter-kopf p {
margin: 0 auto;
max-width: 570px;
font-family: Arial, sans-serif;
font-size: 15px;
line-height: 1.8;
color: #70665d;
}
/* =========================================
WOOCOMMERCE PRODUKTGRID
========================================= */
.aktuelle-hueter .hueter-produkte {
width: 100%;
max-width: 1180px;
margin: 0 auto;
display: block;
}
/* WooCommerce Liste */
.aktuelle-hueter .hueter-produkte ul.products {
width: 100% !important;
max-width: 1180px !important;
margin: 0 auto !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 70px 35px !important;
list-style: none !important;
}
/* WooCommerce Pseudo Elemente entfernen */
.aktuelle-hueter .hueter-produkte ul.products::before,
.aktuelle-hueter .hueter-produkte ul.products::after {
display: none !important;
content: none !important;
}
/* =========================================
PRODUKT
========================================= */
.aktuelle-hueter .hueter-produkte ul.products li.product {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
clear: none !important;
}
/* =========================================
PRODUKTBILD
========================================= */
.aktuelle-hueter .hueter-produkte
ul.products li.product a.woocommerce-LoopProduct-link {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-decoration: none !important;
}
.aktuelle-hueter .hueter-produkte
ul.products li.product a img {
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
aspect-ratio: 1 / 1.08 !important;
object-fit: cover !important;
transition: transform 0.6s ease;
}
.aktuelle-hueter .hueter-produkte
ul.products li.product:hover a img {
transform: scale(1.025);
}
/* =========================================
PRODUKTNAME
========================================= */
.aktuelle-hueter .hueter-produkte
ul.products li.product .woocommerce-loop-product__title {
margin: 22px 0 7px !important;
padding: 0 !important;
font-family: Georgia, serif !important;
font-size: 27px !important;
font-weight: 400 !important;
line-height: 1.25 !important;
color: #405847 !important;
}
/* =========================================
PREIS
========================================= */
.aktuelle-hueter .hueter-produkte
ul.products li.product .price {
display: block !important;
margin: 0 !important;
padding: 0 !important;
font-family: Arial, sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
color: #405847 !important;
}
.aktuelle-hueter .hueter-produkte
ul.products li.product .price .amount {
color: #405847 !important;
}
/* =========================================
STANDARD BUTTON AUSBLENDEN
========================================= */
.aktuelle-hueter .hueter-produkte
ul.products li.product .button {
display: none !important;
}
/* =========================================
SALE
========================================= */
.aktuelle-hueter .hueter-produkte
ul.products li.product .onsale {
top: 15px !important;
left: 15px !important;
right: auto !important;
min-width: auto !important;
min-height: auto !important;
margin: 0 !important;
padding: 7px 11px !important;
border-radius: 0 !important;
background: rgba(247,243,237,0.94) !important;
font-family: Arial, sans-serif !important;
font-size: 10px !important;
font-weight: 400 !important;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #6f6257 !important;
}
/* =========================================
ALLE HÜTER
========================================= */
.alle-hueter-link {
margin-top: 75px;
text-align: center;
}
.alle-hueter-link a {
display: inline-block;
padding-bottom: 7px;
font-family: Arial, sans-serif;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
color: #776756;
border-bottom: 1px solid #b5a493;
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 767px) {
.aktuelle-hueter {
padding: 85px 20px 95px;
}
.aktuelle-hueter-kopf {
margin-bottom: 50px;
}
.aktuelle-hueter-kopf h2 {
font-size: 36px;
}
.aktuelle-hueter .hueter-produkte ul.products {
grid-template-columns: 1fr !important;
gap: 55px !important;
}
.aktuelle-hueter .hueter-produkte
ul.products li.product a img {
aspect-ratio: 1 / 1.05 !important;
}
.alle-hueter-link {
margin-top: 60px;
}
}
Hier findest Du alle Kategorien
Vielleicht weißt Du schon, wonach Du suchst.
Oder Du lässt Dich einfach ein wenig treiben.
Alle Hüter
Die gesamte Auswahl entdecken
→
02
Seelensteine
Begleiter für Deinen Weg
→
03
Pfotenhüter
Für die Verbindung von Mensch & Hund
→
04
Raumhüter
Besondere Einzelstücke für Deinen Raum
→
.hueter-kategorien {
padding: 105px 30px 115px;
background: #ebe4da;
}
/* KOPF */
.hueter-kategorien-kopf {
max-width: 650px;
margin: 0 auto 60px;
text-align: center;
}
.hueter-kategorien-kopf span {
display: block;
margin-bottom: 16px;
font-family: Arial, sans-serif;
font-size: 11px;
letter-spacing: 4px;
text-transform: uppercase;
color: #927e6a;
}
.hueter-kategorien-kopf h2 {
margin: 0 0 20px;
font-family: Georgia, serif;
font-size: 42px;
font-weight: 400;
line-height: 1.2;
color: #4a4038;
}
.hueter-kategorien-kopf p {
margin: 0 auto;
max-width: 520px;
font-family: Arial, sans-serif;
font-size: 15px;
line-height: 1.8;
color: #70665d;
}
/* AUSWAHL */
.hueter-kategorien-auswahl {
max-width: 980px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
border-top: 1px solid #c9bcae;
}
/* EINZELNE KATEGORIE */
.hueter-kategorie {
position: relative;
display: grid;
grid-template-columns: 42px 1fr 30px;
align-items: center;
min-height: 125px;
padding: 25px 25px;
text-decoration: none;
border-bottom: 1px solid #c9bcae;
color: #4a4038;
transition: background 0.35s ease;
}
/* VERTIKALE TRENNUNG */
.hueter-kategorie:nth-child(odd) {
border-right: 1px solid #c9bcae;
}
/* NUMMER */
.hueter-kategorie-nummer {
font-family: Georgia, serif;
font-size: 13px;
font-style: italic;
color: #927e6a;
}
/* TITEL */
.hueter-kategorie h3 {
margin: 0 0 6px;
font-family: Georgia, serif;
font-size: 24px;
font-weight: 400;
color: #405847;
}
/* BESCHREIBUNG */
.hueter-kategorie p {
margin: 0;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 1.5;
color: #70665d;
}
/* PFEIL */
.hueter-kategorie-pfeil {
font-family: Arial, sans-serif;
font-size: 18px;
color: #806e5c;
transition: transform 0.3s ease;
}
/* HOVER */
.hueter-kategorie:hover {
background: rgba(255,255,255,0.35);
}
.hueter-kategorie:hover .hueter-kategorie-pfeil {
transform: translateX(5px);
}
/* MOBILE */
@media (max-width: 767px) {
.hueter-kategorien {
padding: 80px 20px 90px;
}
.hueter-kategorien-kopf {
margin-bottom: 45px;
}
.hueter-kategorien-kopf h2 {
font-size: 34px;
}
.hueter-kategorien-auswahl {
grid-template-columns: 1fr;
}
.hueter-kategorie {
min-height: 105px;
padding: 22px 10px;
}
.hueter-kategorie:nth-child(odd) {
border-right: none;
}
.hueter-kategorie h3 {
font-size: 22px;
}
}
Deine Wahl
Du entscheidest, wie Dein Hüter zu Dir findet.
Vielleicht ist es einfach die Zeichnung, die Dich anspricht.
Vielleicht die Farbe, die Form oder ein Detail, an dem Dein Blick hängen bleibt.
Vielleicht hast Du einfach das Gefühl: Dieser Stein gehört zu mir.
Deshalb kannst Du selbst wählen, was für Dich stimmig ist.
01
Nur der Stein
Du möchtest ihn genau so bei Dir haben, wie Du ihn ausgewählt hast.
Vielleicht gefällt Dir seine Zeichnung, seine Farbe oder einfach das Gefühl,
dass dieser Stein zu Dir gehört.
02
Stein mit digitalem Hüterbrief
Zu Deinem Stein entsteht ein persönlicher Hüterbrief als PDF.
Eine individuelle, poetische Botschaft, die sich auf genau diesen Stein
und seine Besonderheiten bezieht.
03
Stein mit Makramé
Du kannst Deinen Stein als Makramé-Kette oder als Schlüsselanhänger
gestalten lassen. So wird aus Deinem Stein ein Begleiter, den Du
bei Dir tragen kannst.
04
Stein mit Hüterbrief & Makramé
Die vollständige Variante: Dein ausgewählter Stein, seine persönliche
Botschaft als digitaler Hüterbrief und eine handgefertigte
Makramé-Gestaltung als Kette oder Schlüsselanhänger.
Du musst nichts dazu wählen. Du darfst.
/* =========================================
DEINE WAHL
========================================= */
.hueter-auswahl {
width: 100%;
padding: 95px 25px 100px;
background: #ebe4da;
box-sizing: border-box;
}
.hueter-auswahl-inner {
width: 100%;
max-width: 1050px;
margin: 0 auto;
}
/* =========================================
EINLEITUNG
========================================= */
.hueter-auswahl-intro {
max-width: 720px;
margin: 0 auto 65px;
text-align: center;
}
.hueter-auswahl-kicker {
margin: 0 0 15px;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: 400;
letter-spacing: 2.5px;
text-transform: uppercase;
color: #8a7d71;
}
.hueter-auswahl-intro h2 {
margin: 0 0 25px;
font-family: Georgia, serif;
font-size: 38px;
font-weight: 400;
line-height: 1.25;
color: #4a4038;
}
.hueter-auswahl-intro p:not(.hueter-auswahl-kicker) {
margin: 0 auto 16px;
max-width: 680px;
font-family: Arial, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.8;
color: #6f6257;
}
.hueter-auswahl-intro em {
font-family: Georgia, serif;
font-size: 16px;
color: #4a4038;
}
/* =========================================
OPTIONEN
========================================= */
.hueter-optionen {
border-top: 1px solid rgba(111, 98, 87, 0.25);
}
.hueter-option {
display: grid;
grid-template-columns: 65px 1fr;
gap: 25px;
padding: 30px 0;
border-bottom: 1px solid rgba(111, 98, 87, 0.25);
}
/* NUMMER */
.hueter-option-nummer {
padding-top: 3px;
font-family: Arial, sans-serif;
font-size: 10px;
letter-spacing: 2px;
color: #9a8d80;
}
/* TITEL */
.hueter-option h3 {
margin: 0 0 9px;
font-family: Georgia, serif;
font-size: 23px;
font-weight: 400;
line-height: 1.3;
color: #4a4038;
}
/* TEXT */
.hueter-option p {
max-width: 720px;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.75;
color: #70665d;
}
/* =========================================
ABSCHLUSS
========================================= */
.hueter-auswahl-abschluss {
margin: 55px 0 0;
text-align: center;
font-family: Georgia, serif;
font-size: 21px;
font-style: italic;
line-height: 1.5;
color: #5b5047;
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 767px) {
.hueter-auswahl {
padding: 65px 20px 70px;
}
.hueter-auswahl-intro {
margin-bottom: 45px;
}
.hueter-auswahl-intro h2 {
font-size: 30px;
}
.hueter-auswahl-intro p:not(.hueter-auswahl-kicker) {
font-size: 14px;
line-height: 1.7;
}
.hueter-option {
grid-template-columns: 38px 1fr;
gap: 12px;
padding: 25px 0;
}
.hueter-option h3 {
font-size: 21px;
}
.hueter-option p {
font-size: 13px;
line-height: 1.7;
}
.hueter-auswahl-abschluss {
margin-top: 45px;
font-size: 19px;
}
}
Farbe & Gestaltung
Makramé darf Farbe bekommen.
Vielleicht hast Du eine Lieblingsfarbe, die Du gern bei Deinem
Hüter wiederfinden möchtest. Vielleicht hast Du auch eine
bestimmte Farbkombination im Kopf.
Dann verrate mir Deinen Wunsch. Ich stimme die Makramé-Gestaltung
auf Deinen Stein ab und setze Deine Wunschfarbe oder Farbkombination
passend um.
Oder Du lässt Dich überraschen und überlässt mir die Auswahl.
Dann suche ich die Farben so aus, dass sie zu Deinem Stein und
seiner natürlichen Zeichnung passen.
Eine kleine Auswahl meiner verfügbaren Garnfarben
01
Dein Farbwunsch
Lieblingsfarbe oder Farbkombination einfach im Bestellprozess angeben.
02
Du lässt mich wählen
Wenn Du keinen Wunsch angibst, wähle ich die Farben passend zu Deinem Stein.
/* =========================================
FARBE & GESTALTUNG
========================================= */
.hueter-farbe {
width: 100%;
padding: 90px 25px 95px;
background: #f7f3ed;
box-sizing: border-box;
}
.hueter-farbe-inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
}
/* =========================================
TEXT + BILD
========================================= */
.hueter-farbe-text {
max-width: 720px;
margin: 0 auto 50px;
text-align: center;
}
.hueter-farbe-kicker {
margin: 0 0 14px;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: 400;
letter-spacing: 2.5px;
text-transform: uppercase;
color: #8a7d71;
}
.hueter-farbe-text h2 {
margin: 0 0 24px;
font-family: Georgia, serif;
font-size: 36px;
font-weight: 400;
line-height: 1.25;
color: #4a4038;
}
.hueter-farbe-text p:not(.hueter-farbe-kicker) {
margin: 0 auto 15px;
max-width: 690px;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.8;
color: #70665d;
}
/* =========================================
GARNBILD
========================================= */
.hueter-farbe-bild {
max-width: 850px;
margin: 0 auto;
text-align: center;
}
.hueter-farbe-bild img {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
object-fit: cover;
}
.hueter-farbe-bildtext {
margin: 12px 0 0;
font-family: Arial, sans-serif;
font-size: 10px;
letter-spacing: 1.2px;
color: #8a7d71;
}
/* =========================================
AUSWAHL-HINWEIS
========================================= */
.hueter-farbe-hinweis {
display: grid;
grid-template-columns: 1fr 1fr;
max-width: 850px;
margin: 45px auto 0;
border-top: 1px solid rgba(111, 98, 87, 0.22);
border-bottom: 1px solid rgba(111, 98, 87, 0.22);
}
.hueter-farbe-punkt {
padding: 27px 30px;
}
.hueter-farbe-punkt + .hueter-farbe-punkt {
border-left: 1px solid rgba(111, 98, 87, 0.22);
}
.hueter-farbe-punkt span {
display: block;
margin-bottom: 9px;
font-family: Arial, sans-serif;
font-size: 9px;
letter-spacing: 2px;
color: #9a8d80;
}
.hueter-farbe-punkt strong {
display: block;
margin-bottom: 8px;
font-family: Georgia, serif;
font-size: 20px;
font-weight: 400;
color: #4a4038;
}
.hueter-farbe-punkt p {
margin: 0;
font-family: Arial, sans-serif;
font-size: 13px;
line-height: 1.65;
color: #70665d;
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 767px) {
.hueter-farbe {
padding: 65px 20px 70px;
}
.hueter-farbe-text {
margin-bottom: 35px;
}
.hueter-farbe-text h2 {
font-size: 30px;
}
.hueter-farbe-text p:not(.hueter-farbe-kicker) {
font-size: 13px;
line-height: 1.7;
}
.hueter-farbe-hinweis {
grid-template-columns: 1fr;
margin-top: 35px;
}
.hueter-farbe-punkt {
padding: 23px 20px;
}
.hueter-farbe-punkt + .hueter-farbe-punkt {
border-left: none;
border-top: 1px solid rgba(111, 98, 87, 0.22);
}
}
Dein Hüter
Vielleicht beginnt Deine Geschichte mit einem Stein.
Manchmal ist es nur ein Blick.
Eine Zeichnung, die hängen bleibt. Eine Farbe, die vertraut wirkt.
Oder einfach das Gefühl, dass genau dieser Stein zu Dir gehört.
Welcher es auch ist:
Du darfst ihn auf Deine Weise zu Deinem Hüter werden lassen.
/* =========================================
RUHIGER ABSCHLUSS
========================================= */
.hueter-abschluss {
width: 100%;
padding: 105px 25px 85px;
background: #ebe4da;
box-sizing: border-box;
text-align: center;
}
/* =========================================
FEINE LINIE
========================================= */
.hueter-abschluss-linie {
width: 55px;
height: 1px;
margin: 0 auto 38px;
background: #a99a8a;
}
.hueter-abschluss-linie.unten {
margin: 75px auto 0;
opacity: 0.45;
}
/* =========================================
INHALT
========================================= */
.hueter-abschluss-inhalt {
max-width: 680px;
margin: 0 auto;
}
/* KICKER */
.hueter-abschluss-kicker {
margin: 0 0 18px;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: 400;
letter-spacing: 2.5px;
text-transform: uppercase;
color: #8a7d71;
}
/* ÜBERSCHRIFT */
.hueter-abschluss h2 {
margin: 0 0 28px;
font-family: Georgia, serif;
font-size: 35px;
font-weight: 400;
line-height: 1.3;
color: #4a4038;
}
/* TEXT */
.hueter-abschluss p:not(.hueter-abschluss-kicker) {
max-width: 610px;
margin: 0 auto 17px;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.85;
color: #70665d;
}
/* BETONUNG */
.hueter-abschluss em {
font-family: Georgia, serif;
font-size: 16px;
color: #5b5047;
}
/* =========================================
LINK
========================================= */
.hueter-abschluss-link {
display: inline-block;
margin-top: 28px;
padding-bottom: 7px;
border-bottom: 1px solid #8a7d71;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: 400;
letter-spacing: 1.8px;
text-transform: uppercase;
text-decoration: none;
color: #5b5047;
transition:
color 0.25s ease,
border-color 0.25s ease;
}
.hueter-abschluss-link span {
margin-left: 7px;
font-size: 13px;
}
.hueter-abschluss-link:hover {
color: #8a6f58;
border-color: #8a6f58;
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 767px) {
.hueter-abschluss {
padding: 75px 20px 60px;
}
.hueter-abschluss-linie {
margin-bottom: 30px;
}
.hueter-abschluss h2 {
font-size: 29px;
line-height: 1.3;
}
.hueter-abschluss p:not(.hueter-abschluss-kicker) {
font-size: 13px;
line-height: 1.75;
}
.hueter-abschluss em {
font-size: 15px;
}
.hueter-abschluss-linie.unten {
margin-top: 55px;
}
}
Alle 15 Ergebnisse werden angezeigt
-
Ein Pfotenhüter findet Dich
19,00 €Kostenloser Versand
In den Warenkorb -
Ein Seelenstein findet Dich
19,00 €Kostenloser Versand
In den Warenkorb -
Erinnerungsboten – Wenn die Seele sich erinnert
25,00 €Kostenloser Versand
In den Warenkorb -
Gutschein
10,00 €Kostenloser Versand
In den Warenkorb -
Pfotenhüter Brückenblick
19,00 € In den Warenkorb -
Pfotenhüter Erdpfad
19,00 € In den Warenkorb -
Pfotenhüter Erinnerungslicht
19,00 € In den Warenkorb -
Pfotenhüter Lichtspur
19,00 € In den Warenkorb -
Raumhüter – Hüter der Spuren
29,00 € In den Warenkorb -
Raumhüter – Hüter der Wege
29,00 € In den Warenkorb -
Schlüsselhüter Amariel
22,00 €Kostenloser Versand
In den Warenkorb -
Seelenstein Elvaris
19,00 €Kostenloser Versand
In den Warenkorb -
Seelenstein Lunovar
19,00 €Kostenloser Versand
In den Warenkorb -
Seelenstein Nerion
22,00 €Kostenloser Versand
In den Warenkorb -
Seelenstein Noctaris
19,00 €Kostenloser Versand
In den Warenkorb