/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: Musi Endorf
Author URI: https://mk-be.de
Version: 3.9.1756407641
Updated: 2025-08-28 21:00:41

*/

/* Schriftart Italianno für die Überschrift*/
@font-face {
    font-family: 'Italianno';
    src: url('fonts/Italianno-Regular.woff2') format('woff2'),
         url('fonts/Italianno-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Website-Titel auf Italianno setzen */
/* Website-Titel auf Italianno setzen – fluid */
.site-title{
  font-family: 'Italianno', sans-serif;

  /* fluid font-size: min → ideal (vw) → max */
  font-size: clamp(2.5rem, 8vw, 8rem);

  /* Buchstabenabstand ebenfalls fluid (bei Script-Schriften dezenter) */
  letter-spacing: clamp(0.02em, 0.12vw, 0.18em);

  /* Lesbarkeit */
  line-height: 1.05;

  /* Großschreibung sicher aus */
  text-transform: none !important;
}

/* falls das Theme am <a> eigene Größen setzt → alles vom Eltern übernehmen */
.site-title a{
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit !important;
}



/*Überschriften normale Gross+klein-buchstaben*/
h1, h2, h3, h4, h5, h6,
.site-title,
.page .panel-content .entry-title,
.widget-area .widget .widget-title {
    text-transform: none !important;
}


/*gruener Balken*/
:root{
  /* mittlere position: etwas vom wrap-rand eingerückt */
  --mid-inset: clamp(0.75rem, 1.6vw, 2rem);

  /* breite (mittel) – anpassen nach geschmack */
  --mid-w:     clamp(3rem, 6.5vw, 7rem);

  /* Abstand Text = 2 × Balkenbreite */
  --mid-gap:   calc(var(--mid-w));

  /* farbe (blasses grün) */
  --c1: #e7efe7;
  --c2: #c9dcc9;
}

/* nur im hauptinhalt, nicht header/footer */
.site-content .wrap{
  position: relative;
  padding-left: calc(var(--mid-inset) + var(--mid-w) + var(--mid-gap));
}

.site-content .wrap::before{
  content:"";
  position:absolute;
  top:0; bottom:0;
  left: var(--mid-inset);          /* „ebene dazwischen“ */
  width: var(--mid-w);
  background: linear-gradient(180deg, var(--c1), var(--c2));
  border-radius: 3px;
  pointer-events: none;
}