.cefics-windanzeige {
  --cefics-orange: #ee7728;
  --cefics-dark: #393538;
  display: block;
  width: min(100%, 600px);
  aspect-ratio: 1;
  margin: 0;
  opacity: 1;
  transform: scale(1);
  transform-origin: center;
  transition: transform .38s cubic-bezier(.22,.72,.18,1), opacity .38s ease;
  will-change: transform, opacity;
}

.cefics-windanzeige:hover,
.cefics-windanzeige:focus-visible {
  opacity: .88;
  transform: scale(1.045);
  outline: none;
}

.cefics-windanzeige svg { display: block; width: 100%; height: 100%; overflow: visible; }
.cefics-windanzeige__outer, .cefics-windanzeige__mark { fill: var(--cefics-dark); }
.cefics-windanzeige__gap, .cefics-windanzeige__inner { fill: #fff; }
.cefics-windanzeige__track, .cefics-windanzeige__orange {
  fill: none;
  stroke-width: 32;
  transform-origin: 300px 300px;
}
.cefics-windanzeige__track {
  stroke-dasharray: var(--cefics-track-length) 100;
  transform: rotate(var(--cefics-track-rotation));
}
.cefics-windanzeige__orange {
  stroke: var(--cefics-orange);
  stroke-dasharray: var(--cefics-orange-length) 100;
  transform: rotate(var(--cefics-orange-rotation));
}
.cefics-windanzeige.is-ready .cefics-windanzeige__orange {
  animation: cefics-wind-draw 1.05s cubic-bezier(.22,.72,.18,1) both;
}
.cefics-windanzeige__word,
.cefics-windanzeige__value {
  font-family: "CEFICS Univia", "Univia Pro", "Arial Narrow", Arial, sans-serif;
  font-weight: 700;
  font-style: italic;
}
.cefics-windanzeige__word { font-size: 57px; letter-spacing: -3px; }
.cefics-windanzeige__value { font-size: 43px; letter-spacing: -2px; }
.cefics-windanzeige__notice { padding: .75rem 1rem; border-left: 4px solid #ee7728; background: #fff4ec; }

.cefics-kategorieanzeige {
  --cefics-orange: #ee7728;
  --cefics-dark: #393538;
  display: block;
  width: min(100%, 600px);
  aspect-ratio: 1;
  margin: 0;
  opacity: 1;
  transform: scale(1);
  transform-origin: center;
  transition: transform .38s cubic-bezier(.22,.72,.18,1), opacity .38s ease;
  will-change: transform, opacity;
}
.cefics-kategorieanzeige:hover,
.cefics-kategorieanzeige:focus-visible { opacity: .88; transform: scale(1.045); outline: none; }
.cefics-kategorieanzeige svg { display: block; width: 100%; height: 100%; overflow: visible; }
.cefics-pilotenprofil__outer, .cefics-pilotenprofil__mark { fill: var(--cefics-dark); }
.cefics-pilotenprofil__gap, .cefics-pilotenprofil__inner { fill: #fff; }
.cefics-pilotenprofil__track, .cefics-pilotenprofil__orange {
  fill: none;
  stroke-width: 32;
  transform-origin: 300px 300px;
}
.cefics-pilotenprofil__track {
  stroke-dasharray: var(--cefics-track-length) 100;
  transform: rotate(var(--cefics-track-rotation));
}
.cefics-pilotenprofil__orange {
  stroke: var(--cefics-orange);
  stroke-dasharray: var(--cefics-orange-length) 100;
  transform: rotate(var(--cefics-orange-rotation));
}
.cefics-pilotenprofil.is-ready .cefics-pilotenprofil__orange {
  animation: cefics-pilot-draw 1.05s cubic-bezier(.22,.72,.18,1) both;
}
.cefics-pilotenprofil__title,
.cefics-pilotenprofil__label {
  font-family: "CEFICS Univia", "Univia Pro", "Arial Narrow", Arial, sans-serif;
  font-weight: 700;
  font-style: italic;
}
.cefics-pilotenprofil__title { font-size: 57px; letter-spacing: -3px; }
.cefics-pilotenprofil__label { font-size: 39px; letter-spacing: -2px; }

.cefics-einsatzbereich__outer, .cefics-einsatzbereich__mark { fill: var(--cefics-dark); }
.cefics-einsatzbereich__gap, .cefics-einsatzbereich__inner { fill: #fff; }
.cefics-einsatzbereich__track, .cefics-einsatzbereich__orange {
  fill: none;
  stroke-width: 32;
  transform-origin: 300px 300px;
}
.cefics-einsatzbereich__track {
  stroke-dasharray: var(--cefics-track-length) 100;
  transform: rotate(var(--cefics-track-rotation));
}
.cefics-einsatzbereich__orange {
  stroke: var(--cefics-orange);
  stroke-dasharray: var(--cefics-orange-length) 100;
  transform: rotate(var(--cefics-orange-rotation));
}
.cefics-einsatzbereich.is-ready .cefics-einsatzbereich__orange {
  animation: cefics-operating-draw 1.05s cubic-bezier(.22,.72,.18,1) both;
}
.cefics-einsatzbereich__title,
.cefics-einsatzbereich__scale-label {
  font-family: "CEFICS Univia", "Univia Pro", "Arial Narrow", Arial, sans-serif;
  font-weight: 700;
  font-style: italic;
}
.cefics-einsatzbereich__title { font-size: 55px; letter-spacing: -3px; }
.cefics-einsatzbereich__scale-label { font-size: 35px; letter-spacing: -2px; }
.cefics-einsatzbereich__mark-end {
  transform-box: view-box;
  transform-origin: 430px 499px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.cefics-einsatzbereich.is-overflow.is-ready .cefics-einsatzbereich__mark-end {
  animation: cefics-operating-fold .38s cubic-bezier(.2,.78,.22,1) var(--cefics-operating-break-delay, .95s) forwards;
}
.cefics-einsatzbereich__overflow-break {
  display: none;
  opacity: 0;
  transform-box: view-box;
  transform-origin: 300px 300px;
}
.cefics-einsatzbereich.is-overflow .cefics-einsatzbereich__overflow-break { display: block; }
.cefics-einsatzbereich.is-overflow.is-ready .cefics-einsatzbereich__overflow-break {
  animation: cefics-operating-fringe var(--cefics-operating-overflow-duration, .2s) ease-out var(--cefics-operating-break-delay, .8s) forwards;
}
.cefics-einsatzbereich__overflow-cut { fill: #fff; clip-path: circle(234px at 300px 300px); }
.cefics-einsatzbereich__overflow-shard { fill: var(--cefics-dark); }

.cefics-gewichtsbereich__outer, .cefics-gewichtsbereich__mark { fill: var(--cefics-dark); }
.cefics-gewichtsbereich__gap, .cefics-gewichtsbereich__inner { fill: #fff; }
.cefics-gewichtsbereich__track, .cefics-gewichtsbereich__orange {
  fill: none;
  stroke-width: 32;
  transform-origin: 300px 300px;
}
.cefics-gewichtsbereich__track {
  stroke-dasharray: var(--cefics-track-length) 100;
  transform: rotate(var(--cefics-track-rotation));
}
.cefics-gewichtsbereich__orange {
  stroke: var(--cefics-orange);
  stroke-dasharray: var(--cefics-orange-length) 100;
  transform: rotate(var(--cefics-orange-rotation));
}
.cefics-gewichtsbereich.is-ready .cefics-gewichtsbereich__orange {
  animation: cefics-weight-draw 1.05s cubic-bezier(.22,.72,.18,1) both;
}
.cefics-gewichtsbereich__title,
.cefics-gewichtsbereich__value,
.cefics-gewichtsbereich__scale-label {
  font-family: "CEFICS Univia", "Univia Pro", "Arial Narrow", Arial, sans-serif;
  font-weight: 700;
  font-style: italic;
}
.cefics-gewichtsbereich__title { font-size: 57px; letter-spacing: -3px; }
.cefics-gewichtsbereich__value { font-size: 43px; letter-spacing: -2px; }
.cefics-gewichtsbereich__scale-label { font-size: 34px; letter-spacing: -2px; }

.cefics-kategorie__outer, .cefics-kategorie__mark { fill: var(--cefics-dark); }
.cefics-kategorie__gap, .cefics-kategorie__inner { fill: #fff; }
.cefics-kategorie__track, .cefics-kategorie__orange {
  fill: none;
  stroke-width: 32;
  transform-origin: 300px 300px;
}
.cefics-kategorie__track {
  stroke-dasharray: var(--cefics-track-length) 100;
  transform: rotate(var(--cefics-track-rotation));
}
.cefics-kategorie__orange {
  stroke: var(--cefics-orange);
  stroke-dasharray: var(--cefics-orange-length) 100;
  transform: rotate(var(--cefics-orange-rotation));
}
.cefics-kategorie.is-ready .cefics-kategorie__orange {
  animation: cefics-category-draw 1.05s cubic-bezier(.22,.72,.18,1) both;
}
.cefics-kategorie.is-category-x.is-ready .cefics-kategorie__orange {
  animation: cefics-category-x 2.3s cubic-bezier(.22,.72,.18,1) both;
}
.cefics-kategorie__title,
.cefics-kategorie__letter,
.cefics-kategorie__description {
  font-family: "CEFICS Univia", "Univia Pro", "Arial Narrow", Arial, sans-serif;
  font-weight: 700;
  font-style: italic;
}
.cefics-kategorie__title { font-size: 46px; letter-spacing: -2px; }
.cefics-kategorie__letter { font-size: 158px; letter-spacing: -6px; }
.cefics-kategorie__description { font-size: 38px; letter-spacing: -2px; }

.cefics-orange-edge-fades path { fill: none; stroke-width: 32; stroke-linecap: butt; }
.cefics-orange-edge-end { stroke-dasharray: 100 100; stroke-dashoffset: 100; }
.is-ready .cefics-orange-edge-end {
  animation: cefics-edge-end var(--cefics-edge-duration, .06s) linear var(--cefics-edge-delay, .99s) forwards;
}
.has-soft-edge.is-ready .cefics-windanzeige__orange,
.has-soft-edge.is-ready .cefics-pilotenprofil__orange,
.has-soft-edge.is-ready .cefics-einsatzbereich__orange,
.has-soft-edge.is-ready .cefics-gewichtsbereich__orange,
.has-soft-edge.is-ready .cefics-kategorie__orange {
  animation-duration: var(--cefics-main-duration, .99s);
  animation-timing-function: linear;
}

@keyframes cefics-wind-draw {
  from { stroke-dasharray: 0 100; }
  to { stroke-dasharray: var(--cefics-orange-length) 100; }
}

@keyframes cefics-pilot-draw {
  from { stroke-dasharray: 0 100; }
  to { stroke-dasharray: var(--cefics-orange-length) 100; }
}

@keyframes cefics-operating-draw {
  from { stroke-dasharray: 0 100; }
  to { stroke-dasharray: var(--cefics-orange-length) 100; }
}

@keyframes cefics-operating-fold {
  0% { transform: rotate(0deg); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
  48% { transform: rotate(-58deg); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
  64% { transform: rotate(-78deg); clip-path: polygon(0 0, 55% 0, 55% 100%, 0 100%); }
  82% { transform: rotate(-64deg); clip-path: polygon(0 0, 55% 0, 55% 100%, 0 100%); }
  100% { transform: rotate(-70deg); clip-path: polygon(0 0, 55% 0, 55% 100%, 0 100%); }
}

@keyframes cefics-operating-fringe {
  from { opacity: 1; transform: rotate(var(--cefics-operating-overflow-start-rotation)); }
  to { opacity: 1; transform: rotate(var(--cefics-operating-overflow-end-rotation)); }
}

@keyframes cefics-weight-draw {
  from { stroke-dasharray: 0 100; }
  to { stroke-dasharray: var(--cefics-orange-length) 100; }
}

@keyframes cefics-category-draw {
  from { stroke-dasharray: 0 100; }
  to { stroke-dasharray: var(--cefics-orange-length) 100; }
}

@keyframes cefics-edge-end {
  to { stroke-dashoffset: 0; }
}

@keyframes cefics-category-x {
  0% { stroke-dasharray: 0 100; opacity: 1; }
  52% { stroke-dasharray: var(--cefics-orange-length) 100; opacity: 1; }
  60% { stroke-dasharray: var(--cefics-orange-length) 100; opacity: 0; }
  68% { stroke-dasharray: var(--cefics-orange-length) 100; opacity: 1; }
  76% { stroke-dasharray: var(--cefics-orange-length) 100; opacity: 0; }
  84% { stroke-dasharray: var(--cefics-orange-length) 100; opacity: 1; }
  92%, 100% { stroke-dasharray: var(--cefics-orange-length) 100; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .is-ready .cefics-orange-edge-end { animation: none; stroke-dashoffset: 0; }
  .cefics-windanzeige.is-ready .cefics-windanzeige__orange { animation: none; }
  .cefics-pilotenprofil.is-ready .cefics-pilotenprofil__orange { animation: none; }
  .cefics-einsatzbereich.is-ready .cefics-einsatzbereich__orange { animation: none; }
  .cefics-gewichtsbereich.is-ready .cefics-gewichtsbereich__orange { animation: none; }
  .cefics-kategorie.is-ready .cefics-kategorie__orange { animation: none; }
  .cefics-kategorie.is-category-x.is-ready .cefics-kategorie__orange { opacity: 0; }
  .cefics-einsatzbereich.is-overflow.is-ready .cefics-einsatzbereich__mark-end {
    animation: none;
    transform: rotate(-70deg);
    clip-path: polygon(0 0, 55% 0, 55% 100%, 0 100%);
  }
  .cefics-einsatzbereich.is-overflow.is-ready .cefics-einsatzbereich__overflow-break {
    animation: none;
    opacity: 1;
    transform: rotate(var(--cefics-operating-overflow-end-rotation));
  }
  .cefics-windanzeige, .cefics-kategorieanzeige { transition: none; }
}