@charset "UTF-8";

/*
 Theme Name:     Divi Child TFC Holland
 Author:         Kopfmedia
 Author URI:     https://kopfmedia.de
 Template:       Divi
 Version:        1.4.2
 Description:    Child Theme for TFC Holland
*/


/* ==========================================================
   CONFIG
   Globale Design-Tokens und Grundstyles
========================================================== */

@import "./src/css/config/color.css";
@import "./src/css/config/typography.css";
@import "./src/css/config/components.css";
@import "./src/css/config/menu-tfc.css";

/* ==========================================================
   ICONS
========================================================== */

@import "./icomoon/icomoon.css";
@import "./primeicons/primeicons.css";


/* ==========================================================
   GLOBAL TOKENS
========================================================== */

:root {
  --spacing-base: 1rem;

  --border-radius-small: 10px;
  --border-radius-big: 20px;
}


/* ==========================================================
   VIEW TRANSITIONS
========================================================== */

@view-transition {
  navigation: auto;
}


/* Alte Seite ausblenden */

::view-transition-old(root) {
  animation: 400ms ease-in-out both fade-out;
}


/* Neue Seite einblenden */

::view-transition-new(root) {
  animation: 400ms ease-in-out both fade-in;
}


/* ==========================================================
   ANIMATIONS
========================================================== */

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}