  
    /* ===================================================== */
/* TN13 PREMIUM TEDDY EFFECT UPGRADE */
/* ===================================================== */

:root{
  --tn13-accent:#9DB8E6;         /* sanftes Teddy-Blau */
  --tn13-accent-soft:#DCE6F7;    /* sehr hell */
  --tn13-accent-hover:#7FA3DA;
  --tn13-shadow-soft:0 10px 30px rgba(70,90,140,0.08);
  --tn13-shadow-strong:0 20px 50px rgba(70,90,140,0.12);
}

/* ========================= */
/* BUTTON PREMIUM EFFECT */
/* ========================= */

.tn13-btn{
  position:relative;
  overflow:hidden;
  transition:all .35s cubic-bezier(.4,0,.2,1);
}

/* Hover */
.tn13-btn:hover{
  transform:translateY(-4px);
  box-shadow:var(--tn13-shadow-soft);
}

/* Klick */
.tn13-btn:active{
  transform:scale(.96);
}

/* sanfter Farbverlauf */
.tn13-btn-primary{
  background:linear-gradient(135deg,#e8edf7,#d7e1f3);
  border-color:#c9d6ee;
}

.tn13-btn-primary:hover{
  background:linear-gradient(135deg,#dfe7f6,#c9d9f3);
}

/* dezenter Licht-Schimmer */
.tn13-btn::after{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:60%;
  height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,0.6),transparent);
  transition:all .6s ease;
}

.tn13-btn:hover::after{
  left:120%;
}


/* ========================= */
/* HERO IMAGE HOVER */
/* ========================= */

.tn13-figure{
  transition:all .4s ease;
}

.tn13-figure:hover{
  transform:translateY(-6px);
  box-shadow:var(--tn13-shadow-soft);
}


/* ========================= */
/* CTA CARDS PREMIUM */
/* ========================= */

.tn13-card{
  transition:all .35s cubic-bezier(.4,0,.2,1);
}

.tn13-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--tn13-shadow-soft);
  border-color:var(--tn13-accent);
}


/* ========================= */
/* PROJEKT ABLAUF STEPS */
/* ========================= */

.tn13-step{
  transition:all .35s ease;
  position:relative;
}

.tn13-step:hover{
  transform:translateY(-8px);
  border-color:var(--tn13-accent);
  box-shadow:var(--tn13-shadow-soft);
  background:#ffffff;
}

/* Step Nummer animieren */
.tn13-step-no{
  transition:all .3s ease;
}

.tn13-step:hover .tn13-step-no{
  background:var(--tn13-accent);
  transform:scale(1.15);
}


/* ========================= */
/* CHECKLIST HOVER */
/* ========================= */

.tn13-checklist li{
  transition:all .25s ease;
}

.tn13-checklist li:hover{
  transform:translateX(6px);
  color:#000;
}


/* ========================= */
/* QUALITY CARDS */
/* ========================= */

.tn13-quality-grid .tn13-card{
  transition:all .35s ease;
}

.tn13-quality-grid .tn13-card:hover{
  border-color:var(--tn13-accent);
  box-shadow:var(--tn13-shadow-soft);
  transform:translateY(-6px);
}


/* ========================= */
/* REVIEW CARDS */
/* ========================= */

.tn13-review-card{
  transition:all .35s ease;
}

.tn13-review-card:hover{
  border-color:var(--tn13-accent);
  box-shadow:var(--tn13-shadow-soft);
  transform:translateY(-6px);
}


/* ========================= */
/* TEDDY BRIDGE CARD */
/* ========================= */

.tn13-bridge-card{
  transition:all .35s ease;
}

.tn13-bridge-card:hover{
  border-color:var(--tn13-accent);
  box-shadow:var(--tn13-shadow-strong);
  transform:translateY(-8px);
}


/* ========================= */
/* FAQ PREMIUM ANIMATION */
/* ========================= */

.tn13-faq-item{
  transition:all .3s ease;
}

.tn13-faq-item:hover{
  border-color:var(--tn13-accent);
}

.tn13-faq-a{
  animation:tn13Fade .3s ease forwards;
}

@keyframes tn13Fade{
  from{opacity:0;transform:translateY(-5px);}
  to{opacity:1;transform:translateY(0);}
}


/* ========================= */
/* FINAL CTA PREMIUM */
/* ========================= */

.tn13-final-cta{
  transition:all .4s ease;
}

.tn13-final-cta:hover{
  box-shadow:var(--tn13-shadow-soft);
  border-color:var(--tn13-accent);
}


/* ========================= */
/* SOCIAL LINKS HOVER */
/* ========================= */

.tn13-socials a{
  transition:all .25s ease;
}

.tn13-socials a:hover{
  background:#eef3fb;
  border-color:var(--tn13-accent);
  transform:translateY(-3px);
}
  

Warum Teddynews

Kostenloser Check:

30 Jahre Produktion & Markenaufbau
Eigene Merch-Entwicklung & Produktion
Ideal für: Hotels, Tourismus, Vereine, Firmen
Perfekt für: starke Marken, Regionen, Events
Persönliche Begleitung

Plattform-optimiert
Fertig zum Posten
Mit klarer Umsatzlogik

Jetzt Maskotchen prüfen - kostenlos

Bereit für Ihren Maskottchen-Check?

Beispiel:
Starter-Paket 550 €
Produkt 29 €
→ 19 Verkäufe nötig

📧 office@teddynews.at

📞 +43676 3335888

Kreativität braucht Schutz, wir stehen hinter der Künstlerin 🧸

Wenn nur 2 von 100 Followern kaufen,
entsteht zusätzlicher Umsatz.