.elementor-kit-17{--e-global-color-primary:#1C1C1C;--e-global-color-secondary:#5E5E5E;--e-global-color-text:#313131;--e-global-color-accent:#B08A3C;--e-global-color-b91675a:#4F131D;--e-global-color-915ed8d:#74275D;--e-global-color-d617914:#B989AF;--e-global-color-594654a:#98B3C6;--e-global-color-8832d68:#54B342;--e-global-color-73070cb:#F00A0A;--e-global-color-67e9c30:#FFFFFF;--e-global-color-8ba2481:#F5F5F2;--e-global-color-153c362:#121212;--e-global-color-a6d19e7:#00000059;--e-global-color-19bbada:#F5F5F299;--e-global-color-dfb5ca6:#FFFFFFBF;--e-global-typography-primary-font-family:"Georgia";--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.15em;--e-global-typography-secondary-font-family:"Georgia";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-font-style:italic;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Helvetica";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.3em;--e-global-typography-accent-letter-spacing:0.06em;--e-global-typography-82333e2-font-family:"Helvetica";--e-global-typography-82333e2-font-size:13px;--e-global-typography-82333e2-line-height:1.4em;--e-global-typography-82333e2-letter-spacing:0.02em;--e-global-typography-d59ce59-font-family:"Helvetica";--e-global-typography-d59ce59-font-size:12px;--e-global-typography-d59ce59-text-transform:uppercase;--e-global-typography-d59ce59-letter-spacing:0.15em;--e-global-typography-9692a71-font-size:16px;--e-global-typography-9692a71-font-weight:400;--e-global-typography-9692a71-line-height:1.3em;--e-global-typography-9692a71-letter-spacing:0px;--e-global-typography-6d83f75-font-family:"Helvetica";--e-global-typography-6d83f75-font-size:15px;--e-global-typography-6d83f75-text-transform:uppercase;--e-global-typography-6d83f75-line-height:1.65em;--e-global-typography-6d83f75-letter-spacing:0.08em;background-color:#000000;font-size:18px;line-height:1.6em;}.elementor-kit-17 e-page-transition{background-color:#FFBC7D;}.elementor-kit-17 a{color:var( --e-global-color-text );}.elementor-kit-17 a:hover{color:var( --e-global-color-915ed8d );}.elementor-kit-17 h1{font-family:"Georgia", Sans-serif;font-size:48px;line-height:1.15em;}.elementor-kit-17 h2{font-family:"Georgia", Sans-serif;font-size:32px;line-height:1.25em;}.elementor-kit-17 h3{font-family:"Georgia", Sans-serif;font-size:22px;line-height:1.3em;}.elementor-kit-17 h4{font-family:"Georgia", Sans-serif;font-size:18px;line-height:1.35em;}.elementor-kit-17 h5{font-family:"Georgia", Sans-serif;}.elementor-kit-17 button,.elementor-kit-17 input[type="button"],.elementor-kit-17 input[type="submit"],.elementor-kit-17 .elementor-button{font-family:"Helvetica", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:0.06em;border-style:none;border-radius:999px 999px 999px 999px;padding:14px 28px 14px 28px;}.elementor-kit-17 button:hover,.elementor-kit-17 button:focus,.elementor-kit-17 input[type="button"]:hover,.elementor-kit-17 input[type="button"]:focus,.elementor-kit-17 input[type="submit"]:hover,.elementor-kit-17 input[type="submit"]:focus,.elementor-kit-17 .elementor-button:hover,.elementor-kit-17 .elementor-button:focus{border-style:solid;border-width:1px 1px 1px 1px;border-color:#111111;border-radius:999px 999px 999px 999px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-17{font-size:17px;}}@media(max-width:1024px){.elementor-kit-17{--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:14px;--e-global-typography-82333e2-font-size:12px;--e-global-typography-9692a71-font-size:14px;--e-global-typography-6d83f75-font-size:14px;font-size:16px;}.elementor-kit-17 h2{font-size:28px;}.elementor-kit-17 h3{font-size:20px;}.elementor-kit-17 h4{font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-17{--e-global-typography-accent-font-size:13px;--e-global-typography-82333e2-font-size:11px;--e-global-typography-9692a71-font-size:13.5px;--e-global-typography-6d83f75-font-size:13px;font-size:14px;}.elementor-kit-17 h2{font-size:24px;}.elementor-kit-17 h3{font-size:18px;}.elementor-kit-17 h4{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:2000px){.elementor-kit-17{--e-global-typography-text-font-size:19px;--e-global-typography-82333e2-font-size:15px;--e-global-typography-d59ce59-font-size:14px;--e-global-typography-9692a71-font-size:17px;font-size:20px;}.elementor-kit-17 h1{font-size:64px;}.elementor-kit-17 h2{font-size:42px;}.elementor-kit-17 h3{font-size:30px;}.elementor-kit-17 h4{font-size:24px;}}/* Start custom CSS *//*
========================================
Leonhard Waltersdorfer – Global CSS
Backup created: 03 March 2026
========================================
*/

:root{
  --c-perc: #4F131D;
  --c-comp: #74275D;
  --c-proj: #B989AF;
  --c-cont: #98B3C6;
}

/* ===============================
   PANEL – BASE
   =============================== */

.panel{
  background:#ffffff;
  border-radius:18px;
  overflow:hidden;

  border:1px solid rgba(0,0,0,0.08);

  box-shadow:
    0 10px 30px rgba(0,0,0,0.05),
    0 2px 6px rgba(0,0,0,0.03);

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

/* ===============================
   PANEL – DARK VERSION
   =============================== */

.panel-dark{
  background: rgba(0,0,0,0.35);
  border:1px solid rgba(255,255,255,0.12);

  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    0 2px 6px rgba(0,0,0,0.25);

  backdrop-filter: blur(6px);
}

.panel-dark .panel-title{
  color:#ffffff;
}

.panel-dark .meta{
  color:rgba(255,255,255,0.7);
}

.panel-dark p{
  color:rgba(255,255,255,0.85);
}

/* ===============================
   PANEL – DARK HOVER = WIE HOME
   =============================== */

.panel-dark{
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease;
}

/* Hover Bewegung exakt wie helle Panels */
@media (hover: hover) and (pointer: fine){

  .panel-dark:hover{
    transform:translateY(-6px);

    box-shadow:
      0 18px 40px rgba(0,0,0,0.45),
      0 6px 14px rgba(0,0,0,0.35);

    border-color:rgba(255,255,255,0.22);
  }

  /* Title Micro Move */
  .panel-dark:hover .panel-title{
    transform:translateY(-2px);
  }

}

/* ===============================
   PANEL – STATIC MODIFIER
   =============================== */

.panel-static:hover{
  transform:none !important;
  box-shadow:inherit !important;
}

/* ===============================
   PANEL – DARK BASE SHAPE
   =============================== */

.panel-dark{
  border-radius:18px;
  overflow:hidden;                 /* wichtig für Background + Hover */
  border:1px solid rgba(255,255,255,0.12);

  background:rgba(255,255,255,0.04); /* falls noch nicht gesetzt */
  backdrop-filter:blur(6px);         /* optional – nur wenn du den Glass Look nutzt */
}


/* Hover – nur Card bewegt sich */
@media (hover: hover) and (pointer: fine){
  .panel:hover{
    transform:translateY(-6px);

    box-shadow:
      0 18px 40px rgba(0,0,0,0.12),
      0 6px 14px rgba(0,0,0,0.06);

    border-color:rgba(0,0,0,0.12);
  }
}

/* Mobile – weniger Bewegung */
@media (max-width: 767px){
  .panel:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(0,0,0,0.10);
  }
}


/* ===============================
   PANEL – TYPO MICRO INTERACTION
   =============================== */

.panel-title{
  transition:transform .35s ease;
}

.panel:hover .panel-title{
  transform:translateY(-2px);
}


/* ===============================
   LINKS IM PANEL NEUTRAL HALTEN
   =============================== */

.panel a{
  color:inherit;
  text-decoration:none;
}

.panel:hover a{
  color:inherit;
}


/* ===============================
   META TEXT
   =============================== */

.meta{
  display:block;
  font-size:0.85em;
  opacity:0.65;
  margin-bottom:0.6em;
}

.lw-video-caption{
  margin-top:10px;
}

.lw-video-title{
  font-size:15px;
  font-weight:500;
  letter-spacing:.02em;
  color:#1c1c1c;
}

.lw-video-meta{
  font-size:13px;
  color:#5e5e5e;
  margin-top:2px;
}


/* ===============================
   SECTION (bleibt statisch)
   =============================== */

.video-card{
  background:linear-gradient(
    to bottom,
    #FCFCFA 0%,
    #F6F6F3 100%
  );
  padding:48px 40px;
  border-radius:18px;

  border:1px solid rgba(0,0,0,0.06);

  box-shadow:
    0 10px 30px rgba(0,0,0,0.05),
    0 2px 6px rgba(0,0,0,0.03);

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

/* ===============================
   VIDEO CARD – RESPONSIVE PADDING FIX
   =============================== */

/* Tablet */
@media (max-width:1024px){
  .video-card{
    padding:36px 20px;
  }
}

/* Mobile */
@media (max-width:767px){
  .video-card{
    padding:28px 10px;
  }
}

/* kein Hover-Move mehr auf der ganzen Card */
.video-card:hover{
  transform:none;
  box-shadow:
    0 14px 34px rgba(0,0,0,0.06),
    0 4px 10px rgba(0,0,0,0.04);
}


/* ===============================
   VIDEO CARDS
   =============================== */

.video{
  background:#ffffff;
  border-radius:14px;
  overflow:hidden;

  border:1px solid rgba(0,0,0,0.08);

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

/* Hover */
@media (hover: hover) and (pointer: fine){
  .video:hover{
    transform: translateY(-6px);
    box-shadow:
      0 18px 40px rgba(0,0,0,0.12),
      0 6px 14px rgba(0,0,0,0.06);

    border-color: rgba(0,0,0,0.12);
  }
}

/* ===============================
   VIDEO – DARK VERSION
   =============================== */

.video-dark{
  background: rgba(255,255,255,0.04);
  border-radius:14px;
  overflow:hidden;

  border:1px solid rgba(255,255,255,0.12);

  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    0 2px 6px rgba(0,0,0,0.25);

  backdrop-filter: blur(6px);

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease;
}

/* Hover – exakt wie panel-dark */
@media (hover: hover) and (pointer: fine){

  .video-dark:hover{
    transform: translateY(-6px);

    box-shadow:
      0 18px 40px rgba(0,0,0,0.45),
      0 6px 14px rgba(0,0,0,0.35);

    border-color: rgba(255,255,255,0.22);
  }
}

/* Typo auf dark */
.video-dark .lw-video-title{
  color:#ffffff;
}

.video-dark .lw-video-meta{
  color:rgba(255,255,255,0.65);
}

/* verhindert Accent Hover */
.video-dark:hover{
  background: rgba(255,255,255,0.06);
}

/* ===============================
   BASE
   =============================== */

.elementor-button{
  transition: all .35s ease;
  position: relative;
  overflow: hidden;
}

.elementor-button:hover{
  transform: translateY(-2px);
}


/* ===============================
   🎨 COLOR CLASSES
   =============================== */

.b-perc{ --btn-color:#4F131D; }
.b-comp{ --btn-color:#74275D; }
.b-proj{ --btn-color:#B989AF; }
.b-all { --btn-color:#98B3C6; }


/* ===============================
   🔘 SOLID
   =============================== */

.b-solid .elementor-button{
  background: var(--btn-color);
  color:#ffffff !important;
  border:none;
  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
}

.b-solid .elementor-button:hover{
  filter: brightness(1.08);
  box-shadow: 0 12px 28px rgba(0,0,0,0.22);
}


/* ===============================
   🔲 OUTLINE
   =============================== */

.b-outline .elementor-button{
  background: transparent !important;
  border: 1.5px solid var(--btn-color) !important;
  color: var(--btn-color) !important;
}

.b-outline .elementor-button:hover{
  background: var(--btn-color) !important;
  color:#ffffff !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.18);
}


/* ===============================
   ✨ SHINE EFFECT
   =============================== */

.elementor-button::after{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:120%;
  height:100%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.25),
    transparent
  );
  transition: all .6s ease;
}

.elementor-button:hover::after{
  left:120%;
}

/* ===============================
   🔹 INLINE BUTTON (für Loop / Werkverzeichnis)
   =============================== */

.b-inline .elementor-button{
  padding: 4px 12px !important;
  font-size: 12.5px;
  line-height: 1.2;

  border-radius: 999px !important;   /* immer pill */
  box-shadow: none;

  transform: none !important;
}

.b-inline .elementor-button:hover{
  border-radius: 999px !important;   /* verhindert Zurückspringen */
  transform: none !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.b-inline .elementor-button .elementor-button-icon{
  font-size: 0.9em;
}

/* ===============================
   🔹 Project Button
   =============================== */
   
   .project-btn .elementor-button{
  font-size:16px;
  padding:14px 28px;
  border-radius:999px;

  box-shadow:0 10px 26px rgba(0,0,0,0.22);
  transition:all .35s ease;
}

/* Hover – dezente Veredelung */
.project-btn .elementor-button:hover{
  transform:translateY(-2px) scale(1.03);
  box-shadow:0 16px 34px rgba(0,0,0,0.28);
}

/* ❌ verhindert Accent-Hover auf Panels */
.video:hover{
  background: inherit !important;
  color: inherit !important;
  border-color: inherit !important;
}

/* Links im Panel behalten ihre Farbe */
.video a{
  color: inherit;
}


.elementor-taxonomy-filter select{
  font-family: Helvetica, Arial, sans-serif;
  font-size:14px;
  padding:10px 14px;

  border-radius:999px;
  border:1px solid rgba(0,0,0,0.15);
  background:#fff;

  transition:.3s ease;
}

.elementor-taxonomy-filter select:hover{
  border-color:#74275D;
}

.elementor-taxonomy-filter select:focus{
  outline:none;
  border-color:#74275D;
  box-shadow:0 0 0 2px rgba(116,39,93,0.15);
}

/* ===============================
   NAV – BASE
   =============================== */

.e-n-menu .e-n-menu-title-text{
  position:relative;
  display:inline-block;
  padding-bottom:6px;
}

/* Linie – unsichtbar im Ausgangszustand */
.e-n-menu .e-n-menu-title-text::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;

  width:0;
  height:2px;

  transform:translateX(-50%);
  transition:width .35s ease;

  background:currentColor; /* fallback */
}


/* ===============================
   🎨 HOVER LINIEN FARBEN
   =============================== */

/* Percussionist */
#nav-perc .e-n-menu-title-text::after{
  background:#4F131D;
}

/* Composer */
#nav-comp .e-n-menu-title-text::after{
  background:#74275D;
}

/* Projects */
#nav-proj .e-n-menu-title-text::after{
  background:#B989AF;
}

/* Contact */
#nav-cont .e-n-menu-title-text::after{
  background:#98B3C6;
}


/* ===============================
   HOVER – LINIE WÄCHST
   =============================== */

.e-n-menu .e-n-menu-title:hover .e-n-menu-title-text::after{
  width:100%;
}


/* ===============================
   AKTIVER MENÜPUNKT
   (keine Farbe, keine Dauerlinie)
   =============================== */

.e-n-menu .e-current .e-n-menu-title-text{
  color:inherit !important;
}

/* aber Hover trotzdem erlauben */
.e-n-menu .e-current:hover .e-n-menu-title-text::after{
  width:100%;
}

/* ===============================
   SUBTITLE – GLOBAL
   =============================== */

.lw-subtitle{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: .02em;

  color: #1c1c1c;
  opacity: .85;

  max-width: 720px;
}

/* Widescreen */
@media (min-width: 2000px){
  .lw-subtitle{
    font-size: 22px;
  }
}

/* Tablet */
@media (max-width: 1024px){
  .lw-subtitle{
    font-size: 17px;
  }
}

/* Mobile */
@media (max-width: 767px){
  .lw-subtitle{
    font-size: 16px;
    line-height: 1.45;
  }
}


/* ===============================
   SECTION SUBTITLE
   =============================== */

.section-subtitle{
  font-family: Helvetica, Arial, sans-serif;

  font-size:20px;
  line-height:1.4;
  letter-spacing:0.02em;

  font-weight:400;

  margin-bottom:22px;

  opacity:0.85;
}

/* Tablet */
@media (max-width:1024px){
  .section-subtitle{
    font-size:18px;
  }
}

/* Mobile */
@media (max-width:767px){
  .section-subtitle{
    font-size:17px;
  }
}

/* Widescreen */
@media (min-width:2000px){
  .section-subtitle{
    font-size:22px;
  }
}

/* ===============================
   FOOTER NAV – BASE
   =============================== */

.f-nav{
  position:relative;
}

.f-nav a{
  color:#ffffff;
  text-decoration:none;
  font-size:14px;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.75;
  transition:all .3s ease;
  display:inline-block;
  padding-bottom:6px;
}

/* Hover Lift */
.f-nav a:hover{
  opacity:1;
  transform:translateY(-2px);
}

/* UNDERLINE BASIS */

.f-nav a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;

  width:0;
  height:2px;

  transform:translateX(-50%);
  transition:width .35s ease;
}

/* UNDERLINE HOVER */

.f-nav:hover a::after{
  width:100%;
}


/* ===============================
   🎨 FARBEN WIE MAIN MENU
   =============================== */

.f-perc a::after{ background:var(--c-perc); }
.f-comp a::after{ background:var(--c-comp); }
.f-proj a::after{ background:var(--c-proj); }
.f-cont a::after{ background:var(--c-cont); }



/* ===============================
   META LINKS (IMPRINT / CREDITS)
   =============================== */

.f-meta a{
  font-size:12px;
  letter-spacing:.06em;
  color:#ffffff;
  opacity:.45;
  text-decoration:none;
  transition:opacity .3s ease;
}

.f-meta a:hover{
  opacity:.75;
}

/* ===============================
   WORK PAGE – TYPO SYSTEM
   =============================== */

/* TYPE (Arrangement / Composition / Transcription) */
.work-type{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .6;
  margin-bottom: 28px;
}

/* COMPOSER */
.work-composer{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: .04em;
  opacity: .75;
  margin-bottom: 6px;
}

/* TITLE – bleibt Georgia */
.work-title{
  font-family: Georgia, serif;
  font-size: 58px;
  line-height: 1.05;
  font-weight: 400;
  margin-bottom: 14px;
}

/* SUBTITLE */
.work-subtitle{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  opacity: .75;
  margin-bottom: 14px;
}

/* WORK NUMBER */
.work-number{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  opacity: .55;
  margin-bottom: 26px;
}

/* ARRANGEMENT FOR */
.work-arrangement{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
  margin-top: 18px;
  opacity: .8;
  letter-spacing: .02em;
}

/* MAIN INSTRUMENTATION */
.work-main-instr{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-variant: small-caps;
  letter-spacing: .06em;
  margin-top: 15px;
}

/* ARRANGER */
.work-arranger{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  margin-top: 8px;
  opacity: .65;
}

.work-instrument-label {
  font-weight: 600;
  display: block;
  margin-bottom: 0.2em;
}

.work-instrument-list {
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 1.2em;
}

@media (max-width:1024px){
  .work-title{
    font-size: 44px;
  }
}

@media (max-width:767px){
  .work-title{
    font-size: 34px;
    line-height:1.1;
  }

  .work-subtitle{
    font-size:16px;
  }
}

@media (max-width:1024px){
  .work-main-instr{
    font-size: 19px;
  }
}

@media (max-width:767px){
  .work-main-instr{
    font-size: 17px;
    letter-spacing: .04em;
  }
}

.work-hero{
  background:#1c1c1c;
  color:#ffffff;
}

.work-hero .work-type,
.work-hero .work-composer,
.work-hero .work-number,
.work-hero .work-arranger{
  opacity:.7;
}

.work-video-panel{
  background: rgba(255,255,255,0.05);
  border-radius: 18px;
  padding: 18px;
  backdrop-filter: blur(8px);
  border:1px solid rgba(255,255,255,0.08);
}

/* ===============================
   CV / EDUCATION SYSTEM
   =============================== */

/* Section Label (z.B. University Studies) */
.cv-section{
  display:block;
  margin-top:40px;
  margin-bottom:20px;

  font-size:14px;
  letter-spacing:0.08em;
  text-transform:uppercase;

  opacity:0.7;
}

/* Einzelner Ausbildungsblock */
.cv-block{
  margin-bottom:28px;
  display:block;
}

/* Studienname / Institutionstitel */
.cv-title{
  display:block;

  font-size:16px;
  letter-spacing:0.02em;
  font-weight:500;
}

/* Universität / Institution */
.cv-meta{
  display:block;

  font-size:14px;
}

/* Jahresangaben */
.cv-years{
  display:block;

  font-size:14px;
  font-style:italic;
  opacity:0.8;
}

/* Lehrer / Zusatzinfo */
.cv-sub{
  display:block;

  font-size:13px;
  opacity:0.6;
}

/* ===============================
   RESPONSIVE FEINJUSTIERUNG
   =============================== */

@media (max-width:768px){

  .cv-title{
    font-size:15px;
  }

  .cv-meta{
    font-size:13.5px;
  }

  .cv-years{
    font-size:13px;
  }

  .cv-sub{
    font-size:12.5px;
  }
}

/* ===============================
   CV – DARK PANEL CONTEXT
   =============================== */

.panel-dark .cv-section,
.panel-dark .cv-title,
.panel-dark .cv-meta,
.panel-dark .cv-years,
.panel-dark .cv-sub{
  color:rgba(255,255,255,0.9);
}/* End custom CSS */