/*
Theme Name: Divi Child - COMMITRIX
Theme URI: https://commitrix.de
Description: Individuelles Child-Theme für Kunde COMMITRIX Endless Skating e. V.. Child-Theme auf Basis von Divi 5 Setup.
Author: mandego oHG – 2026
Author URI: https://mandego.de
Template: Divi
Version: 1.0.0
*/

/* Hier dein Custom CSS */

/* nunito-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/nunito-v32-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200;
  src: url('./fonts/nunito-v32-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/nunito-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/nunito-v32-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/nunito-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/nunito-v32-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/nunito-sans-v19-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/nunito-sans-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/nunito-sans-v19-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/nunito-sans-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/nunito-sans-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*Silbentrennung*/
body {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
/*Silbentrennung ENDE*/

html, body {
  font-family: 'Nunito Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif  !important;
}

:root {
  --font-heading: 'Nunito', system-ui, sans-serif;
  --font-body: 'Nunito Sans', system-ui, sans-serif;

/*  --h1-size: clamp(2.2rem, 1.6rem + 2.2vw, 3rem); 
  --h2-size: clamp(1.8rem, 1.3rem + 1.6vw, 2.4rem);*/
  --h1-size: clamp(1.9rem, 1.45rem + 1.6vw, 2.4rem); /* 30px → 38px */
  --h2-size: clamp(1.6rem, 1.25rem + 1.2vw, 2.1rem); /* 25.6px → 33.6px */

  --h3-size: clamp(1.4rem, 1.1rem + 1vw, 1.8rem);
  --h4-size: clamp(1.1rem, 1.1rem + 1vw, 1rem);
	
  --p-size: clamp(1.125rem, 1.05rem + 0.5vw, 1.25rem); /* 18px → 20px */

  --lh-heading: 1.2em;
  --lh-body: 1.6em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Nunito' !important;
  line-height: var(--lh-heading);
  margin: 0 0 0.6em 0;
}

h1 {
  font-size: var(--h1-size);
  font-weight: 700;
  color: #1b6e7f;
}

h2 {
  font-size: var(--h2-size);
  font-weight: 400;
  color: #10505e;
}

h3 {
  font-size: var(--h3-size);
  font-weight: 400;
  color: #10505e;
}

h4 {
  font-size: var(--h4-size);
  font-weight: 400;
  color: #10505e;
}

p {
  font-family: 'Nunito Sans', system-ui, sans-serif;
  line-height: var(--lh-body);
  font-size: var(--p-size);
  font-weight: 400;
  max-width: 100%;
}

li {
  font-family: 'Nunito Sans' !important;
  line-height: var(lh-body);
  font-size: var(--p-size);
  font-weight: 400;
}

li::marker {
  color: #1b6e7f; /* Punktfarbe */
}

a {
  font-family: 'Nunito Sans' !important;
  line-height: var(lh-body);
  font-size: var(--p-size);
  font-weight: 400;
  color: #06b6d4;
}

@media (max-width: 768px) {
  p {
    max-width: 100% !important;
  }
}

/* =========================================================
   Mehrzeilige animierte Unterstreichung
   NUR für echte Textlinks (Fließtext)
========================================================= */

.et_pb_text p a,
.et_pb_text li a,
.entry-content p a,
.entry-content li a{
  text-decoration: none;
  color: inherit;

  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 0% 1px;                 /* Start: unsichtbar */
  background-position: 0 calc(100% - 1px);          /* Unterkante Text */
  
  transition: background-size 280ms cubic-bezier(.22,.61,.36,1);
}

/* Hover & Fokus */
.et_pb_text p a:hover,
.et_pb_text li a:hover,
.entry-content p a:hover,
.entry-content li a:hover,
.et_pb_text p a:focus-visible,
.et_pb_text li a:focus-visible,
.entry-content p a:focus-visible,
.entry-content li a:focus-visible{
  background-size: 100% 1px;               /* Linie fährt ein */
}