/* You can add global styles to this file, and also import other style files */
:root {
  /**
  * @tokens Colors
  * @presenter Color
  */
  --black: #000;
  --white: #FFF;
  --gray-100: #3D3D3D;
  --gray-200: #6A727B;
  --gray-300: #8C9BA6;
  --gray-400: #DFE3E6;
  --gray-500: #F0F3F6;
  --gray-600: #F5F7FA;
  --secondary-100: #005A75;
  --secondary-200: #027EA2;
  --secondary-300: #44C7F4;
  --secondary-400: #84D5F7;
  --secondary-500: #b1e3fa;
  --secondary-600: #D9F1FC;
  --body-bg: var(--white);
  --body-color: var(--black);
  /**
  * @tokens Status
  * @presenter Color
  */
  --success: #00AC00;
  --error: #E0182D;
  --info: #027EA2;
  --warning: #FAC826;
  --active: var(--secondary-300);
  --inactive: var(--gray-300);
  --registered: var(--secondary-300);
  --unregistered: var(--gray-300);
  --leave: var(--error);
  --entry: var(--success);
  --stable: var(--secondary-300);
  /**
  * @tokens Sport
  * @presenter Color
  */
  --theme-sport-primary: #E22D18;
  --theme-sport-darker: #8B0D0E;
  --theme-sport-dark: #B11214;
  --theme-sport-light: #EA4E3C;
  --theme-sport-lighter: #FFAC9B;
  --theme-sport-lightest: #FFD6CD;
  /**
  * @tokens Verein
  * @presenter Color
  */
  --theme-verein-primary: #AB0050;
  --theme-verein-darker: #760028;
  --theme-verein-dark: #9C0035;
  --theme-verein-light: #AA5877;
  --theme-verein-lighter: #DD91A3;
  --theme-verein-lightest: #F0C7D0;
  /**
  * @tokens Verband
  * @presenter Color
  */
  --theme-verband-primary: #444A83;
  --theme-verband-darker: #142356;
  --theme-verband-dark: #293C7A;
  --theme-verband-light: #787FBC;
  --theme-verband-lighter: #A0A0C0;
  --theme-verband-lightest: #CFCEDF;
  /**
  * @tokens Public
  * @presenter Color
  */
  --theme-public-primary: #A25625;
  --theme-public-darker: #6E2B00;
  --theme-public-dark: #81390B;
  --theme-public-light: #DA8E4C;
  --theme-public-lighter: #D7A88D;
  --theme-public-lightest: #EDD2C4;
  /**
  * @tokens Digital
  * @presenter Color
  */
  --theme-digital-primary: #5F626F;
  --theme-digital-darker: #353844;
  --theme-digital-dark: #4D505F;
  --theme-digital-light: #9A9CA8;
  --theme-digital-lighter: #CFD0D8;
  --theme-digital-lightest: #E8EAEF;
  /**
  * @tokens Department
  * @presenter Color
  */
  --support-colors-default: #FAC826;
  --support-colors-hover: #F6B903;
  --support-colors-active: #FCB502;
  /**
  * @tokens FontFamily
  * @presenter FontFamily
  */
  --font-family-open-sans: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-poppins: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-family-base: var(--font-family-open-sans);
  /**
  * @tokens LineHeight
  * @presenter LineHeight
  */
  --line-height-base: 1.5;
  /**
  * @tokens TextColor
  * @presenter Color
  */
  --text-color-base: var(--black);
  --text-color-secondary: var(--gray-100);
  --text-muted: var(--gray-200);
  /**
  * @tokens FontSize
  * @presenter FontSize
  */
  --font-size-base: 1rem;
  --giga-size: calc(var(--font-size-base) * 4.25);
  --mega-size: calc(var(--font-size-base) * 3);
  --large-size: calc(var(--font-size-base) * 1.75);
  --font-size-lg: calc(var(--font-size-base) * 1.125);
  --font-size-sm: calc(var(--font-size-base) * .875);
  --font-size-xs: calc(var(--font-size-base) * .75);
  --font-size-xxs: calc(var(--font-size-base) * .625);
  --h1-font-size: calc(var(--font-size-base) * 2.25);
  --h2-font-size: calc(var(--font-size-base) * 1.75);
  --h3-font-size: calc(var(--font-size-base) * 1.25);
  --h4-font-size: calc(var(--font-size-base) * 1.125);
  --h5-font-size: var(--font-size-base);
  --h6-font-size: calc(var(--font-size-base) * .875);
  /**
  * @tokens FontWeight
  * @presenter FontWeight
  */
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  --font-weight-base: var(--font-weight-normal);
  /**
   * @tokens-end
   */
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(var(--black), 0);
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-base);
  line-height: var(--line-height-base);
  color: var(--body-color);
  text-align: left;
  background-color: var(--body-bg);
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: var(--font-family-poppins);
  font-weight: bold;
  line-height: 1.35;
}

h1, .h1 {
  font-size: var(--h1-font-size);
}

h2, .h2 {
  font-size: var(--h2-font-size);
}

h3, .h3 {
  font-size: var(--h3-font-size);
}

h4, .h4 {
  font-size: var(--h4-font-size);
}

h5, .h5 {
  font-size: var(--h5-font-size);
}

h6, .h6 {
  font-size: var(--h6-font-size);
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: var(--font-weight-bold);
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: var(--font-weight-bold);
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  cursor: pointer;
  text-decoration: underline;
  background-color: transparent;
  color: inherit;
}
a:hover {
  text-decoration: underline;
}
.layout-sport a:hover {
  color: var(--theme-sport-primary);
}
.layout-verein a:hover {
  color: var(--theme-verein-primary);
}
.layout-verband a:hover {
  color: var(--theme-verband-primary);
}
.layout-public a:hover {
  color: var(--theme-public-primary);
}
.layout-digital a:hover {
  color: var(--theme-digital-primary);
}
a:focus {
  outline: 0;
}

a:not([href]):not([tabindex]):not([role=button]) {
  cursor: default;
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):not([role=button]):hover, a:not([href]):not([tabindex]):not([role=button]):focus {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--font-family-monospace);
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: var(--text-muted);
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

.buttons-toolbar {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0.625rem;
  flex-wrap: wrap;
}

/* https://google-webfonts-helper.herokuapp.com/fonts/open-sans?subsets=latin */
/* Open Sans Light */
@font-face {
  font-family: "Open Sans";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('open-sans-v16-latin-300.woff2') format("woff2");
}
/* Open Sans Regular */
@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('open-sans-v16-latin-400.woff2') format("woff2");
}
/* Open Sans Bold */
@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('open-sans-v16-latin-700.woff2') format("woff2");
}
/* https://google-webfonts-helper.herokuapp.com/fonts/poppins?subsets=latin */
/* Open Sans Regular */
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('poppins-v6-latin-400.woff2') format("woff2");
}
/* Open Sans Bold */
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('poppins-v6-latin-700.woff2') format("woff2");
}
.display-giga,
.display-mega,
.display-large {
  font-family: var(--font-family-poppins);
  font-weight: bold;
  line-height: 1.35;
}

.display-giga {
  font-size: var(--giga-size);
}

.display-mega {
  font-size: var(--mega-size);
}

.display-large {
  font-size: var(--large-size);
}

.lead {
  font-size: var(--font-size-lg);
}

.small {
  font-size: var(--font-size-sm);
}

.smaller {
  font-size: var(--font-size-xs);
}

.list-unstyled,
.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.grid-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}
.grid-row > .col,
.grid-row [class*=col-] {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.grid-row .col-3 {
  flex: 1 1;
}
@media (min-width: 992px) {
  .grid-row .col-3 {
    max-width: 25%;
  }
}
.grid-row .col-4 {
  flex: 1 1;
}
@media (min-width: 992px) {
  .grid-row .col-4 {
    max-width: 33.3333333333%;
  }
}
.grid-row .col-6 {
  flex: 1 1;
}
@media (min-width: 992px) {
  .grid-row .col-6 {
    max-width: 50%;
  }
}

.container {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 599px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 940px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 599px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.logo-verein360 {
  fill: var(--gray-100);
}
.logo-verein360 .claim {
  display: none;
}
.layout-manager .logo-verein360 {
  fill: var(--theme-verein-light);
}
.layout-manager .logo-verein360 .manager {
  display: block;
}
.layout-sport .logo-verein360 {
  fill: var(--theme-sport-light);
}
.layout-sport .logo-verein360 .mitglied {
  display: block;
}
.layout-verband .logo-verein360 {
  fill: var(--theme-verband-light);
}
.layout-verband .logo-verein360 .verband {
  display: block;
}

.menu-item-btn, .btn-icon,
.btn-mini-fab, .btn-filter, .btn-toggle, .btn-selection, .btn-stroked, .btn-flat, .btn, .mat-button,
a.mat-button,
.mat-icon-button,
a.mat-icon-button,
button.mat-button,
.mat-mdc-button,
a.mat-mdc-button,
.mat-mdc-icon-button,
a.mat-mdc-icon-button,
button.mat-mdc-button {
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  text-align: center;
  margin: 0;
  min-width: 4rem;
  line-height: 2.125rem;
  min-height: 2.125rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  overflow: visible;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  border: 1px solid transparent;
  letter-spacing: 0.57px;
  transition: color 0.2s cubic-bezier(0.35, 0, 0.25, 1), background-color 0.2s cubic-bezier(0.35, 0, 0.25, 1), border-color 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
.menu-item-btn:focus, .btn-icon:focus,
.btn-mini-fab:focus, .btn-filter:focus, .btn-toggle:focus, .btn-selection:focus, .btn-stroked:focus, .btn-flat:focus, .btn:focus, .mat-button:focus,
.mat-icon-button:focus,
.mat-mdc-button:focus,
.mat-mdc-icon-button:focus, .focus.menu-item-btn, .focus.btn-icon,
.focus.btn-mini-fab, .focus.btn-filter, .focus.btn-toggle, .focus.btn-selection, .focus.btn-stroked, .focus.btn-flat, .focus.btn, .focus.mat-button,
.focus.mat-icon-button,
.focus.mat-mdc-button,
.focus.mat-mdc-icon-button {
  outline: 0;
}
.menu-item-btn:hover, .btn-icon:hover,
.btn-mini-fab:hover, .btn-filter:hover, .btn-toggle:hover, .btn-selection:hover, .btn-stroked:hover, .btn-flat:hover, .btn:hover, .mat-button:hover,
.mat-icon-button:hover,
.mat-mdc-button:hover,
.mat-mdc-icon-button:hover {
  text-decoration: none;
}
.disabled.menu-item-btn, .disabled.btn-icon,
.disabled.btn-mini-fab, .disabled.btn-filter, .disabled.btn-toggle, .disabled.btn-selection, .disabled.btn-stroked, .disabled.btn-flat, .disabled.btn, .disabled.mat-button,
.disabled.mat-icon-button,
.disabled.mat-mdc-button,
.disabled.mat-mdc-icon-button, .menu-item-btn:disabled, .btn-icon:disabled,
.btn-mini-fab:disabled, .btn-filter:disabled, .btn-toggle:disabled, .btn-selection:disabled, .btn-stroked:disabled, .btn-flat:disabled, .btn:disabled, .mat-button:disabled,
.mat-icon-button:disabled,
.mat-mdc-button:disabled,
.mat-mdc-icon-button:disabled {
  pointer-events: none;
}
.menu-item-btn .badge, .btn-icon .badge,
.btn-mini-fab .badge, .btn-filter .badge, .btn-toggle .badge, .btn-selection .badge, .btn-stroked .badge, .btn-flat .badge, .btn .badge, .mat-button .badge,
.mat-icon-button .badge,
.mat-mdc-button .badge,
.mat-mdc-icon-button .badge {
  position: absolute;
  right: -0.5rem;
  bottom: -0.5rem;
}
.menu-item-btn svg, .btn-icon svg,
.btn-mini-fab svg, .btn-filter svg, .btn-toggle svg, .btn-selection svg, .btn-stroked svg, .btn-flat svg, .btn svg, .mat-button svg,
.mat-icon-button svg,
.mat-mdc-button svg,
.mat-mdc-icon-button svg {
  fill: currentColor;
}

.mat-button,
a.mat-button,
.mat-icon-button,
a.mat-icon-button,
button.mat-button,
.mat-mdc-button,
a.mat-mdc-button,
.mat-mdc-icon-button,
a.mat-mdc-icon-button,
button.mat-mdc-button {
  background-color: transparent;
}

.layout-sport .btn {
  color: var(--white);
  background-color: var(--theme-sport-primary);
}
.layout-verein .btn {
  color: var(--white);
  background-color: var(--theme-verein-primary);
}
.layout-verband .btn {
  color: var(--white);
  background-color: var(--theme-verband-primary);
}
.layout-public .btn {
  color: var(--white);
  background-color: var(--theme-public-primary);
}
.layout-digital .btn {
  color: var(--white);
  background-color: var(--theme-digital-primary);
}
.layout-sport .btn:hover, .layout-sport .btn:not(:disabled):not(.disabled).hover {
  color: var(--white);
  background-color: var(--theme-sport-light);
}
.layout-verein .btn:hover, .layout-verein .btn:not(:disabled):not(.disabled).hover {
  color: var(--white);
  background-color: var(--theme-verein-light);
}
.layout-verband .btn:hover, .layout-verband .btn:not(:disabled):not(.disabled).hover {
  color: var(--white);
  background-color: var(--theme-verband-light);
}
.layout-public .btn:hover, .layout-public .btn:not(:disabled):not(.disabled).hover {
  color: var(--white);
  background-color: var(--theme-public-light);
}
.layout-digital .btn:hover, .layout-digital .btn:not(:disabled):not(.disabled).hover {
  color: var(--white);
  background-color: var(--theme-digital-light);
}
.layout-sport .btn:not(:disabled):not(.disabled):active, .layout-sport .btn:not(:disabled):not(.disabled).active {
  background-color: var(--theme-sport-dark);
}
.layout-verein .btn:not(:disabled):not(.disabled):active, .layout-verein .btn:not(:disabled):not(.disabled).active {
  background-color: var(--theme-verein-dark);
}
.layout-verband .btn:not(:disabled):not(.disabled):active, .layout-verband .btn:not(:disabled):not(.disabled).active {
  background-color: var(--theme-verband-dark);
}
.layout-public .btn:not(:disabled):not(.disabled):active, .layout-public .btn:not(:disabled):not(.disabled).active {
  background-color: var(--theme-public-dark);
}
.layout-digital .btn:not(:disabled):not(.disabled):active, .layout-digital .btn:not(:disabled):not(.disabled).active {
  background-color: var(--theme-digital-dark);
}
.btn.disabled, .btn:disabled {
  opacity: 0.4;
}

.btn.support {
  color: var(--black);
  background-color: var(--support-colors-default);
}
.btn.support:hover, .btn.support:not(:disabled):not(.disabled).hover {
  color: var(--black);
  background-color: var(--support-colors-hover);
}
.btn.support:not(:disabled):not(.disabled):active, .btn.support:not(:disabled):not(.disabled).active {
  background-color: var(--support-colors-active);
}
.btn.support.disabled, .btn.support:disabled {
  opacity: 0.5;
}

.btn-flat {
  background-color: transparent;
}
.layout-sport .btn-flat {
  color: var(--black);
}
.layout-verein .btn-flat {
  color: var(--black);
}
.layout-verband .btn-flat {
  color: var(--black);
}
.layout-public .btn-flat {
  color: var(--black);
}
.layout-digital .btn-flat {
  color: var(--black);
}
.btn-flat:hover, .btn-flat:not(:disabled):not(.disabled).hover {
  background-color: rgba(var(--white), 0.2);
}
.btn-flat:not(:disabled):not(.disabled):active, .btn-flat:not(:disabled):not(.disabled).active {
  background-color: rgba(var(--black), 0.05);
}
.btn-flat.disabled, .btn-flat:disabled {
  color: var(--gray-400);
  background-color: transparent;
}
.layout-sport .btn-flat:not(:disabled):not(.disabled).primary {
  color: var(--theme-sport-primary);
}
.layout-verein .btn-flat:not(:disabled):not(.disabled).primary {
  color: var(--theme-verein-primary);
}
.layout-verband .btn-flat:not(:disabled):not(.disabled).primary {
  color: var(--theme-verband-primary);
}
.layout-public .btn-flat:not(:disabled):not(.disabled).primary {
  color: var(--theme-public-primary);
}
.layout-digital .btn-flat:not(:disabled):not(.disabled).primary {
  color: var(--theme-digital-primary);
}
.layout-sport .btn-flat:not(:disabled):not(.disabled).invert {
  color: var(--white);
}
.layout-verein .btn-flat:not(:disabled):not(.disabled).invert {
  color: var(--white);
}
.layout-verband .btn-flat:not(:disabled):not(.disabled).invert {
  color: var(--white);
}
.layout-public .btn-flat:not(:disabled):not(.disabled).invert {
  color: var(--white);
}
.layout-digital .btn-flat:not(:disabled):not(.disabled).invert {
  color: var(--white);
}

.btn-stroked {
  border-color: var(--black);
  background-color: transparent;
}
.layout-sport .btn-stroked {
  color: var(--black);
}
.layout-verein .btn-stroked {
  color: var(--black);
}
.layout-verband .btn-stroked {
  color: var(--black);
}
.layout-public .btn-stroked {
  color: var(--black);
}
.layout-digital .btn-stroked {
  color: var(--black);
}
.layout-sport .btn-stroked:hover, .layout-sport .btn-stroked:not(:disabled):not(.disabled).hover {
  color: var(--black);
  background-color: rgba(240, 243, 246, 0.6);
}
.layout-verein .btn-stroked:hover, .layout-verein .btn-stroked:not(:disabled):not(.disabled).hover {
  color: var(--black);
  background-color: rgba(240, 243, 246, 0.6);
}
.layout-verband .btn-stroked:hover, .layout-verband .btn-stroked:not(:disabled):not(.disabled).hover {
  color: var(--black);
  background-color: rgba(240, 243, 246, 0.6);
}
.layout-public .btn-stroked:hover, .layout-public .btn-stroked:not(:disabled):not(.disabled).hover {
  color: var(--black);
  background-color: rgba(240, 243, 246, 0.6);
}
.layout-digital .btn-stroked:hover, .layout-digital .btn-stroked:not(:disabled):not(.disabled).hover {
  color: var(--black);
  background-color: rgba(240, 243, 246, 0.6);
}
.btn-stroked:not(:disabled):not(.disabled):active, .btn-stroked:not(:disabled):not(.disabled).active {
  border-width: 2px;
  line-height: 2rem;
  padding: 0 calc(1rem - 1px);
}
.btn-stroked:not(:disabled):not(.disabled):active.btn-has-icon, .btn-stroked:not(:disabled):not(.disabled).active.btn-has-icon {
  padding-left: 2rem;
}
.btn-stroked:not(:disabled):not(.disabled):active.btn-lg, .btn-stroked:not(:disabled):not(.disabled).active.btn-lg {
  line-height: 2.75rem;
  min-height: 2.75rem;
}
.btn-stroked:not(:disabled):not(.disabled):active.btn-sm, .btn-stroked:not(:disabled):not(.disabled).active.btn-sm {
  line-height: 1.625rem;
  min-height: 1.625rem;
}
.btn-stroked.disabled, .btn-stroked:disabled {
  color: var(--gray-400);
  border-color: var(--gray-400);
}
.layout-sport .btn-stroked:not(:disabled):not(.disabled).primary {
  color: var(--theme-sport-primary);
  border-color: var(--theme-sport-primary);
}
.layout-verein .btn-stroked:not(:disabled):not(.disabled).primary {
  color: var(--theme-verein-primary);
  border-color: var(--theme-verein-primary);
}
.layout-verband .btn-stroked:not(:disabled):not(.disabled).primary {
  color: var(--theme-verband-primary);
  border-color: var(--theme-verband-primary);
}
.layout-public .btn-stroked:not(:disabled):not(.disabled).primary {
  color: var(--theme-public-primary);
  border-color: var(--theme-public-primary);
}
.layout-digital .btn-stroked:not(:disabled):not(.disabled).primary {
  color: var(--theme-digital-primary);
  border-color: var(--theme-digital-primary);
}
.layout-sport .btn-stroked:not(:disabled):not(.disabled).primary:hover, .layout-sport .btn-stroked:not(:disabled):not(.disabled).primary:not(:disabled):not(.disabled).hover {
  background-color: rgba(var(--theme-sport-lightest), 0.3);
}
.layout-verein .btn-stroked:not(:disabled):not(.disabled).primary:hover, .layout-verein .btn-stroked:not(:disabled):not(.disabled).primary:not(:disabled):not(.disabled).hover {
  background-color: rgba(var(--theme-verein-lightest), 0.3);
}
.layout-verband .btn-stroked:not(:disabled):not(.disabled).primary:hover, .layout-verband .btn-stroked:not(:disabled):not(.disabled).primary:not(:disabled):not(.disabled).hover {
  background-color: rgba(var(--theme-verband-lightest), 0.3);
}
.layout-public .btn-stroked:not(:disabled):not(.disabled).primary:hover, .layout-public .btn-stroked:not(:disabled):not(.disabled).primary:not(:disabled):not(.disabled).hover {
  background-color: rgba(var(--theme-public-lightest), 0.3);
}
.layout-digital .btn-stroked:not(:disabled):not(.disabled).primary:hover, .layout-digital .btn-stroked:not(:disabled):not(.disabled).primary:not(:disabled):not(.disabled).hover {
  background-color: rgba(var(--theme-digital-lightest), 0.3);
}
.btn-stroked:not(:disabled):not(.disabled).invert {
  border-color: var(--white);
}
.layout-sport .btn-stroked:not(:disabled):not(.disabled).invert {
  color: var(--white);
}
.layout-verein .btn-stroked:not(:disabled):not(.disabled).invert {
  color: var(--white);
}
.layout-verband .btn-stroked:not(:disabled):not(.disabled).invert {
  color: var(--white);
}
.layout-public .btn-stroked:not(:disabled):not(.disabled).invert {
  color: var(--white);
}
.layout-digital .btn-stroked:not(:disabled):not(.disabled).invert {
  color: var(--white);
}
.btn-stroked:not(:disabled):not(.disabled).invert:hover, .btn-stroked:not(:disabled):not(.disabled).invert:not(:disabled):not(.disabled).hover {
  background-color: rgba(var(--white), 0.5);
}

.btn-selection {
  font-family: var(--font-family-poppins);
  border-radius: 4px;
  white-space: normal;
  text-transform: none;
  padding: 0.75rem;
  font-size: var(--h3-font-size);
  line-height: 1.3;
  border: 1px solid var(--gray-300);
}
@media (min-width: 992px) {
  .btn-selection {
    font-size: 1.5rem;
    padding: 1.75rem 2rem;
  }
}
.btn-selection:hover, .btn-selection:not(:disabled):not(.disabled).hover {
  border-width: 2px;
  padding: calc(0.75rem - 1px);
}
@media (min-width: 992px) {
  .btn-selection:hover, .btn-selection:not(:disabled):not(.disabled).hover {
    font-size: 1.5rem;
    padding: calc(1.75rem - 1px) calc(2rem - 1px);
  }
}
.layout-sport .btn-selection:hover, .layout-sport .btn-selection:not(:disabled):not(.disabled).hover {
  color: var(--theme-sport-primary);
  border-color: var(--theme-sport-primary);
}
.layout-verein .btn-selection:hover, .layout-verein .btn-selection:not(:disabled):not(.disabled).hover {
  color: var(--theme-verein-primary);
  border-color: var(--theme-verein-primary);
}
.layout-verband .btn-selection:hover, .layout-verband .btn-selection:not(:disabled):not(.disabled).hover {
  color: var(--theme-verband-primary);
  border-color: var(--theme-verband-primary);
}
.layout-public .btn-selection:hover, .layout-public .btn-selection:not(:disabled):not(.disabled).hover {
  color: var(--theme-public-primary);
  border-color: var(--theme-public-primary);
}
.layout-digital .btn-selection:hover, .layout-digital .btn-selection:not(:disabled):not(.disabled).hover {
  color: var(--theme-digital-primary);
  border-color: var(--theme-digital-primary);
}
.btn-selection.disabled, .btn-selection:disabled {
  opacity: 0.4;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 1rem;
}

.btn-lg {
  font-size: var(--font-size-base);
  line-height: 2.875rem;
  min-height: 2.875rem;
}

.btn-sm {
  font-size: var(--font-size-xs);
  line-height: 1.75rem;
  min-height: 1.75rem;
}

.btn-xs {
  font-size: var(--font-size-xs);
  line-height: 1.5rem;
  min-height: 1.5rem;
}

.btn-loading {
  min-width: 100px;
  font-size: 0;
  line-height: 0;
  color: transparent !important;
}

.btn-has-icon {
  position: relative;
  padding-left: 2rem;
}
.btn-has-icon svg {
  position: absolute;
  left: 0.5rem;
  top: calc(50% - 0.5rem);
  width: 1rem;
  height: 1rem;
  fill: currentColor;
}

.btn-toggle {
  line-height: 1;
  background: var(--white);
}

.btn-filter {
  line-height: 1;
  text-transform: none;
  border-radius: 1.375rem;
  border: 1px solid var(--gray-200);
  padding: 0 2.5rem 0 1rem;
  background: var(--white);
}
.btn-filter .btn-filter-icon {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: calc(50% - 0.5rem);
  right: 0.75rem;
  fill: var(--gray-200);
  transition: transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  transform: rotate(0) translateY(-2px);
  will-change: transform;
}
.btn-filter:hover, .btn-filter.hover, .btn-filter.active, .btn-filter.open {
  color: var(--white);
}
.btn-filter:hover .btn-filter-icon, .btn-filter.hover .btn-filter-icon, .btn-filter.active .btn-filter-icon, .btn-filter.open .btn-filter-icon {
  fill: white;
}
.btn-filter:hover, .btn-filter.hover {
  border-color: rgba(var(--secondary-100), 0.8);
  background: rgba(var(--secondary-100), 0.8);
}
.btn-filter.open {
  border-color: var(--secondary-200);
  background: var(--secondary-200);
}
.btn-filter.active {
  border-color: var(--secondary-100);
  background: var(--secondary-100);
}
.btn-filter.open .btn-filter-icon {
  transform: rotate(180deg) translateY(-1px);
}

.btn-icon,
.btn-mini-fab {
  min-width: auto;
  width: 2.125rem;
  padding: 0.25rem 0;
  line-height: 1;
  border-radius: 50%;
  color: var(--black);
  background: var(--white);
}
.btn-icon svg,
.btn-mini-fab svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.btn-icon:hover svg, .btn-icon:not(:disabled):not(.disabled).hover svg,
.btn-mini-fab:hover svg,
.btn-mini-fab:not(:disabled):not(.disabled).hover svg {
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  fill: var(--white);
}

.layout-sport .btn-toggle,
.layout-sport .btn-icon {
  color: var(--theme-sport-primary);
  border-color: var(--theme-sport-primary);
}
.layout-verein .btn-toggle,
.layout-verein .btn-icon {
  color: var(--theme-verein-primary);
  border-color: var(--theme-verein-primary);
}
.layout-verband .btn-toggle,
.layout-verband .btn-icon {
  color: var(--theme-verband-primary);
  border-color: var(--theme-verband-primary);
}
.layout-public .btn-toggle,
.layout-public .btn-icon {
  color: var(--theme-public-primary);
  border-color: var(--theme-public-primary);
}
.layout-digital .btn-toggle,
.layout-digital .btn-icon {
  color: var(--theme-digital-primary);
  border-color: var(--theme-digital-primary);
}
.btn-toggle.disabled, .btn-toggle:disabled,
.btn-icon.disabled,
.btn-icon:disabled {
  opacity: 0.4;
  color: var(--gray-400);
  border-color: var(--gray-400);
}
.layout-sport .btn-toggle:hover, .layout-sport .btn-toggle:not(:disabled):not(.disabled).hover, .layout-sport .btn-toggle:not(:disabled):not(.disabled):active, .layout-sport .btn-toggle:not(:disabled):not(.disabled).active,
.layout-sport .btn-icon:hover,
.layout-sport .btn-icon:not(:disabled):not(.disabled).hover,
.layout-sport .btn-icon:not(:disabled):not(.disabled):active,
.layout-sport .btn-icon:not(:disabled):not(.disabled).active {
  color: var(--white);
  background: var(--theme-sport-primary);
}
.layout-verein .btn-toggle:hover, .layout-verein .btn-toggle:not(:disabled):not(.disabled).hover, .layout-verein .btn-toggle:not(:disabled):not(.disabled):active, .layout-verein .btn-toggle:not(:disabled):not(.disabled).active,
.layout-verein .btn-icon:hover,
.layout-verein .btn-icon:not(:disabled):not(.disabled).hover,
.layout-verein .btn-icon:not(:disabled):not(.disabled):active,
.layout-verein .btn-icon:not(:disabled):not(.disabled).active {
  color: var(--white);
  background: var(--theme-verein-primary);
}
.layout-verband .btn-toggle:hover, .layout-verband .btn-toggle:not(:disabled):not(.disabled).hover, .layout-verband .btn-toggle:not(:disabled):not(.disabled):active, .layout-verband .btn-toggle:not(:disabled):not(.disabled).active,
.layout-verband .btn-icon:hover,
.layout-verband .btn-icon:not(:disabled):not(.disabled).hover,
.layout-verband .btn-icon:not(:disabled):not(.disabled):active,
.layout-verband .btn-icon:not(:disabled):not(.disabled).active {
  color: var(--white);
  background: var(--theme-verband-primary);
}
.layout-public .btn-toggle:hover, .layout-public .btn-toggle:not(:disabled):not(.disabled).hover, .layout-public .btn-toggle:not(:disabled):not(.disabled):active, .layout-public .btn-toggle:not(:disabled):not(.disabled).active,
.layout-public .btn-icon:hover,
.layout-public .btn-icon:not(:disabled):not(.disabled).hover,
.layout-public .btn-icon:not(:disabled):not(.disabled):active,
.layout-public .btn-icon:not(:disabled):not(.disabled).active {
  color: var(--white);
  background: var(--theme-public-primary);
}
.layout-digital .btn-toggle:hover, .layout-digital .btn-toggle:not(:disabled):not(.disabled).hover, .layout-digital .btn-toggle:not(:disabled):not(.disabled):active, .layout-digital .btn-toggle:not(:disabled):not(.disabled).active,
.layout-digital .btn-icon:hover,
.layout-digital .btn-icon:not(:disabled):not(.disabled).hover,
.layout-digital .btn-icon:not(:disabled):not(.disabled):active,
.layout-digital .btn-icon:not(:disabled):not(.disabled).active {
  color: var(--white);
  background: var(--theme-digital-primary);
}

.btn-mini-fab {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.btn-mini-fab:hover {
  background-color: var(--gray-100);
}
.layout-sport .btn-mini-fab.primary {
  color: var(--white);
  background-color: var(--theme-sport-primary);
}
.layout-verein .btn-mini-fab.primary {
  color: var(--white);
  background-color: var(--theme-verein-primary);
}
.layout-verband .btn-mini-fab.primary {
  color: var(--white);
  background-color: var(--theme-verband-primary);
}
.layout-public .btn-mini-fab.primary {
  color: var(--white);
  background-color: var(--theme-public-primary);
}
.layout-digital .btn-mini-fab.primary {
  color: var(--white);
  background-color: var(--theme-digital-primary);
}
.layout-sport .btn-mini-fab.primary:disabled {
  background-color: var(--theme-sport-lighter);
}
.layout-verein .btn-mini-fab.primary:disabled {
  background-color: var(--theme-verein-lighter);
}
.layout-verband .btn-mini-fab.primary:disabled {
  background-color: var(--theme-verband-lighter);
}
.layout-public .btn-mini-fab.primary:disabled {
  background-color: var(--theme-public-lighter);
}
.layout-digital .btn-mini-fab.primary:disabled {
  background-color: var(--theme-digital-lighter);
}

.btn-icon-lg,
.btn-mini-fab-lg {
  width: 3rem;
  height: 3rem;
}
.btn-icon-lg svg,
.btn-mini-fab-lg svg {
  width: 2rem;
  height: 2rem;
}

.mat-icon-button,
.mat-mdc-icon-button {
  padding: 0;
  min-width: 0;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  line-height: 2.5rem;
  border-radius: 50%;
}
.mat-icon-button svg,
.mat-mdc-icon-button svg {
  fill: currentColor;
}

.mat-icon-button-sm,
.mat-mdc-icon-button-sm {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}

.mat-icon,
.mat-mdc-icon {
  display: flex;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  padding: 0.25rem;
  border-radius: 50%;
}
.mat-icon svg,
.mat-mdc-icon svg {
  fill: currentColor;
}

.abteilung .mat-icon-button {
  position: absolute;
  right: 0;
  top: 0.5rem;
}

.form-row,
.form-group {
  display: block;
  position: relative;
}
.form-row + .form-row, .form-row + .form-group,
.form-group + .form-row,
.form-group + .form-group {
  margin-top: 1.25rem;
}

.form-control {
  display: block;
  width: 100%;
  height: 3.5rem;
  padding: 1.75rem 1rem 0.25rem 1rem;
  outline: 0;
  background: var(--white);
  border: 1px solid var(--gray-300);
  font-size: var(--font-size-base);
  line-height: 1.25rem;
  border-radius: 0.25rem;
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  transform: translateZ(0);
}
.form-control.has-value {
  border-color: var(--gray-200);
}
.form-control:not(:placeholder-shown) {
  border-color: var(--gray-200);
}
@media (min-width: 992px) {
  .form-control:hover {
    border-color: var(--info);
  }
}
.form-control:focus {
  border: 2px solid var(--info);
  padding: 27px 15px 3px 15px;
}
.form-control:focus::placeholder {
  opacity: 1;
}
.form-control::placeholder {
  color: var(--gray-100);
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
.form-control:disabled, .form-control[readonly] {
  color: var(--gray-300);
  border-color: var(--gray-400);
  cursor: not-allowed;
}
@media all and (-ms-high-contrast: none) {
  .form-control:disabled::placeholder, .form-control::placeholder {
    color: transparent;
    opacity: 1;
  }
  .form-control:focus::placeholder {
    color: var(--gray-100);
  }
}
.form-control::-ms-clear, .form-control::-ms-reveal, .form-control::-ms-expand {
  display: none;
  width: 0;
  height: 0;
}

textarea.form-control:focus, textarea.form-control.has-value {
  height: 6.5rem;
}
textarea.form-control:not(:placeholder-shown) {
  height: 6.5rem;
}

select.form-control {
  appearance: none;
}
select.form-control ~ .select-arrow-down {
  pointer-events: none;
  background: white;
  position: absolute;
  width: 1rem;
  height: 1rem;
  right: 1rem;
  top: calc(50% - 0.5rem);
  fill: var(--gray-300);
}
select.form-control ~ .select-arrow-down:hover {
  cursor: pointer;
}

input[type=password] {
  letter-spacing: 1px;
}

/* clears the 'X' from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.form-label {
  position: absolute;
  top: 1.25rem;
  left: 1rem;
  display: block;
  width: 100%;
  font-size: var(--font-size-base);
  line-height: var(--font-size-base);
  font-weight: var(--font-weight-base);
  margin: 0;
  padding: 0;
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  transform: translate3d(0, 0, 0);
  will-change: transform;
}
@media (min-width: 992px) {
  .form-control:hover + .form-label {
    color: var(--info);
  }
}
.form-control:hover + .form-label, .form-control:focus + .form-label {
  cursor: pointer;
}
.form-control:focus + .form-label {
  color: var(--info);
}
.form-control:disabled + .form-label, .form-control[readonly] + .form-label {
  color: var(--gray-300);
}
.form-control:focus + .form-label, .form-control.has-value + .form-label {
  font-size: var(--font-size-xs);
  line-height: var(--font-size-xs);
  transform: translate3d(0, -10px, 0);
}
.form-control:not(:placeholder-shown) + .form-label {
  font-size: var(--font-size-xs);
  line-height: var(--font-size-xs);
  transform: translate3d(0, -10px, 0);
}

.form-hint {
  display: block;
  margin: 0.5rem 1rem;
  color: var(--gray-300);
  font-size: var(--font-size-xs);
  line-height: var(--font-size-xs);
}

.form-row .form-hint {
  width: 100vw;
  max-width: 15.5rem;
}

.invalid-feedback {
  width: 100%;
  margin-top: 0.25rem;
  color: var(--error);
}

.form-group-dirty.form-group-valid:after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: -1rem;
  mask: url('check.svg') center/contain no-repeat;
  background-color: var(--success);
}
@media (min-width: 992px) {
  .form-group-dirty.form-group-valid:after {
    right: -1.5rem;
  }
}

.form-groups-invalid .form-label,
.form-groups-invalid .form-hint,
.form-groups-invalid .form-control:hover + .form-label,
.form-groups-invalid .form-control:focus + .form-label,
.form-group-touched.form-group-invalid .form-label,
.form-group-touched.form-group-invalid .form-hint,
.form-group-touched.form-group-invalid .form-control:hover + .form-label,
.form-group-touched.form-group-invalid .form-control:focus + .form-label {
  color: var(--error);
}
.form-groups-invalid .form-control,
.form-group-touched.form-group-invalid .form-control {
  border: 2px solid var(--error);
  padding: 29px 15px 7px 15px;
}
.form-groups-invalid .form-group:after,
.form-group-touched.form-group-invalid .form-group:after {
  display: none;
}

form.ng-invalid .mat-mdc-input-element.ng-invalid:not(.ng-untouched),
form.ng-invalid .mat-input-element.ng-invalid:not(.ng-untouched) {
  border: 2px solid var(--error);
}

.form-tooltip {
  padding: 1rem 0 0.75rem 0;
}
@media (min-width: 992px) {
  .form-tooltip {
    position: absolute;
    bottom: 100%;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
    background: var(--white);
    padding: 1.5rem;
    min-width: 320px;
    margin-bottom: 1rem;
    z-index: 1;
  }
  .form-tooltip:after {
    content: "";
    position: absolute;
    left: 1rem;
    bottom: -0.625rem;
    background: var(--white);
    width: 1.25rem;
    height: 1.25rem;
    box-shadow: 6px 6px 12px -4px rgba(0, 0, 0, 0.3);
    transform: rotate(45deg);
  }
  .form-tooltip.form-tooltip-question {
    left: calc(100% - 3.5rem);
    bottom: calc(100% - 1rem);
  }
}
.form-tooltip span {
  display: none;
  font-size: var(--font-size-xs);
  color: var(--gray-200);
  margin-bottom: 0.5rem;
}
@media (min-width: 992px) {
  .form-tooltip span {
    display: block;
  }
}
.form-tooltip p {
  font-size: var(--font-size-sm);
}
.form-tooltip ul {
  margin: 1.5rem 0 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--font-size-sm);
  line-height: 1.5;
}
.form-tooltip li {
  position: relative;
  padding-left: 1.5rem;
}
.form-tooltip li .tooltip-valid-icon,
.form-tooltip li .tooltip-invalid-icon {
  display: none;
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: calc(50% - 0.5rem);
  transform: rotate(0);
  left: 0;
}
.form-tooltip li:not(.check) .tooltip-invalid-icon {
  transform: rotate(-45deg);
  fill: var(--gray-300);
  display: block;
}
.form-tooltip li.check .tooltip-valid-icon {
  fill: var(--success);
  display: block;
}
.form-tooltip > :last-child {
  margin-bottom: 0;
}

.form-show-tooltip,
.form-show-password {
  position: absolute;
  top: 0;
  right: 0;
  height: 3.5rem;
  padding: 0 1rem;
  margin: 0;
  display: flex;
  align-items: center;
  font-size: var(--font-size-xs);
  line-height: 1rem;
  letter-spacing: 0.55px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--gray-400);
  cursor: pointer;
  z-index: 10;
}
.form-show-tooltip:hover,
.form-show-password:hover {
  text-decoration: none;
}

.form-show-tooltip {
  color: var(--gray-300);
}
.form-show-tooltip svg {
  fill: currentColor;
}
.layout-sport .form-show-tooltip:hover {
  color: var(--theme-sport-primary);
}
.layout-verein .form-show-tooltip:hover {
  color: var(--theme-verein-primary);
}
.layout-verband .form-show-tooltip:hover {
  color: var(--theme-verband-primary);
}
.layout-public .form-show-tooltip:hover {
  color: var(--theme-public-primary);
}
.layout-digital .form-show-tooltip:hover {
  color: var(--theme-digital-primary);
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1.5rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  padding-left: 1.5rem;
  vertical-align: top;
  cursor: pointer;
  min-width: 1.25rem;
  min-height: 1.5rem;
}
.custom-control-label:empty {
  padding-left: 1.25rem;
}
.custom-control-label::before, .custom-control-label::after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  pointer-events: none;
  width: 1.25rem;
  height: 1.25rem;
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
.custom-control-label::before {
  background-color: var(--white);
  border: 2px solid var(--gray-100);
}

.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after {
  border-radius: 50%;
}
.custom-radio .custom-control-label::after {
  transform: scale(0);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--info);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  transform: scale(0.5);
  background-color: var(--info);
}

.form-control-search {
  display: block;
  position: relative;
  color: var(--gray-300);
}
.form-control-search input {
  width: 100%;
  height: 2rem;
  padding: 0 3.5rem 0 1rem;
  line-height: 2rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  background: var(--gray-500);
  border: 0 none;
  outline: 0;
}
.form-control-search input::placeholder {
  color: var(--gray-300);
}
.form-control-search label {
  position: absolute;
  right: 1.25rem;
  top: calc(50% - 12px);
}
.form-control-search svg {
  fill: currentColor;
}

.form-row {
  display: flex;
}
.form-row .col-zip {
  flex: 0 0 155px;
  max-width: 155px;
}
.form-row .col-city {
  flex: 1 1;
}

.input-group {
  position: relative;
  display: flex;
  width: 100%;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group .form-control:hover, .input-group .form-control:focus, .input-group .form-control:active {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control,
.input-group-divider {
  display: flex;
  align-items: center;
}

.input-group-addon,
.input-group-btn {
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-divider {
  padding: 0 1.5rem;
  line-height: 1;
}

.input-group-search {
  min-width: 18rem;
}
.input-group-search .input-group {
  border-radius: 0.25rem;
}
.input-group-search .form-control {
  height: 2.25rem;
  line-height: 2.25rem;
  background: var(--gray-500);
  border-radius: 0 0.25rem 0.25rem 0;
}
.layout-sport .input-group-search .form-control {
  border: 2px solid var(--gray-500);
}
.layout-verein .input-group-search .form-control {
  border: 2px solid var(--gray-500);
}
.layout-verband .input-group-search .form-control {
  border: 2px solid var(--gray-500);
}
.layout-public .input-group-search .form-control {
  border: 2px solid var(--gray-500);
}
.layout-digital .input-group-search .form-control {
  border: 2px solid var(--gray-500);
}
.input-group-search .form-control, .input-group-search .form-control:focus {
  padding: 0.25rem 2.75rem 0.25rem 0.25rem;
}
.input-group-search .form-control::placeholder {
  opacity: 1;
}
.input-group-search .mat-mdc-button,
.input-group-search .mat-button {
  line-height: 2.25rem;
  height: 2.25rem;
  min-width: 2.5rem;
  padding: 0;
  border-radius: 0.25rem 0 0 0.25rem;
  background: var(--gray-500);
  fill: var(--gray-200);
}
.input-group-search [type=reset] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.mat-mdc-select-value,
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-select-placeholder,
.mat-select-placeholder {
  color: var(--gray-100);
}

.mat-mdc-select-disabled .mat-mdc-select-value,
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-select-arrow,
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

.mat-mdc-select-panel,
.mat-select-panel {
  background: var(--white) !important;
}

.mat-mdc-select-panel:not([class*=mat-elevation-z]),
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:not(.mat-option-multiple),
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}

.mat-mdc-option,
.mat-option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 3rem;
  min-height: 3rem;
  padding: 0 1rem;
  text-align: left;
  text-decoration: none;
  max-width: 100%;
  position: relative;
  cursor: pointer;
  outline: 0;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
  -webkit-tap-highlight-color: transparent;
}
.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mat-mdc-option-disabled), .mat-mdc-option:focus:not(.mat-mdc-option-disabled), .mat-mdc-option:hover:not(.mat-mdc-option-disabled), .mat-mdc-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled), .mat-mdc-option:focus:not(.mat-option-disabled), .mat-mdc-option:hover:not(.mat-option-disabled),
.mat-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mat-mdc-option-disabled),
.mat-option:focus:not(.mat-mdc-option-disabled),
.mat-option:hover:not(.mat-mdc-option-disabled),
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04) !important;
}
.mat-mdc-option.mat-mdc-active, .mat-mdc-option.mat-active,
.mat-option.mat-mdc-active,
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: var(--black);
}
.mat-mdc-option.mat-mdc-option-disabled, .mat-mdc-option.mat-option-disabled,
.mat-option.mat-mdc-option-disabled,
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.layout-sport .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled), .layout-sport .mat-mdc-option.mat-selected:not(.mat-option-disabled),
.layout-sport .mat-option.mdc-list-item--selected:not(.mat-mdc-option-disabled),
.layout-sport .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--theme-sport-primary);
}
.layout-verein .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled), .layout-verein .mat-mdc-option.mat-selected:not(.mat-option-disabled),
.layout-verein .mat-option.mdc-list-item--selected:not(.mat-mdc-option-disabled),
.layout-verein .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--theme-verein-primary);
}
.layout-verband .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled), .layout-verband .mat-mdc-option.mat-selected:not(.mat-option-disabled),
.layout-verband .mat-option.mdc-list-item--selected:not(.mat-mdc-option-disabled),
.layout-verband .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--theme-verband-primary);
}
.layout-public .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled), .layout-public .mat-mdc-option.mat-selected:not(.mat-option-disabled),
.layout-public .mat-option.mdc-list-item--selected:not(.mat-mdc-option-disabled),
.layout-public .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--theme-public-primary);
}
.layout-digital .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled), .layout-digital .mat-mdc-option.mat-selected:not(.mat-option-disabled),
.layout-digital .mat-option.mdc-list-item--selected:not(.mat-mdc-option-disabled),
.layout-digital .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--theme-digital-primary);
}
.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) mat-pseudo-checkbox, .mat-mdc-option.mat-selected:not(.mat-option-disabled) mat-pseudo-checkbox,
.mat-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) mat-pseudo-checkbox,
.mat-option.mat-selected:not(.mat-option-disabled) mat-pseudo-checkbox {
  display: none;
}

.mat-mdc-option.mat-mdc-option-multiple.mdc-list-item--selected:not(.mat-mdc-option-disabled),
.mat-mdc-option.mat-mdc-option-multiple {
  color: black !important;
  border-bottom: 1px solid #dfe3e6;
}
.mat-mdc-option.mat-mdc-option-multiple.mdc-list-item--selected:not(.mat-mdc-option-disabled) mat-pseudo-checkbox,
.mat-mdc-option.mat-mdc-option-multiple mat-pseudo-checkbox {
  display: block;
  position: absolute;
  right: 0;
}

.mat-mdc-option-text,
.mat-option-text {
  display: inline-block;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.mat-table,
table.mat-mdc-table {
  border-spacing: 0;
  width: 100%;
  background: var(--white);
  font-size: var(--font-size-base);
}
table.mat-table tbody, table.mat-table tfoot, table.mat-table thead, table.mat-table .mat-table-sticky, table.mat-table [mat-footer-row], table.mat-table [mat-header-row], table.mat-table [mat-row], table.mat-table mat-footer-row, table.mat-table mat-header-row, table.mat-table mat-row,
table.mat-table tbody, table.mat-table tfoot, table.mat-table thead, table.mat-table .mat-mdc-table-sticky, table.mat-table [mat-mdc-footer-row], table.mat-table [mat-mdc-header-row], table.mat-table [mat-mdc-row], table.mat-table mat-mdc-footer-row, table.mat-table mat-mdc-header-row, table.mat-table mat-mdc-row,
table.mat-mdc-table tbody,
table.mat-mdc-table tfoot,
table.mat-mdc-table thead,
table.mat-mdc-table .mat-table-sticky,
table.mat-mdc-table [mat-footer-row],
table.mat-mdc-table [mat-header-row],
table.mat-mdc-table [mat-row],
table.mat-mdc-table mat-footer-row,
table.mat-mdc-table mat-header-row,
table.mat-mdc-table mat-row,
table.mat-mdc-table tbody,
table.mat-mdc-table tfoot,
table.mat-mdc-table thead,
table.mat-mdc-table .mat-mdc-table-sticky,
table.mat-mdc-table [mat-mdc-footer-row],
table.mat-mdc-table [mat-mdc-header-row],
table.mat-mdc-table [mat-mdc-row],
table.mat-mdc-table mat-mdc-footer-row,
table.mat-mdc-table mat-mdc-header-row,
table.mat-mdc-table mat-mdc-row {
  background: inherit;
}
table.mat-table tr.mat-header-row,
table.mat-table tr.mat-mdc-header-row,
table.mat-mdc-table tr.mat-header-row,
table.mat-mdc-table tr.mat-mdc-header-row {
  height: 3.5rem;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
}
table.mat-table tr.mat-row,
table.mat-table tr.mat-footer-row,
table.mat-table tr.mat-mdc-row,
table.mat-table tr.mat-mdc-footer-row,
table.mat-mdc-table tr.mat-row,
table.mat-mdc-table tr.mat-footer-row,
table.mat-mdc-table tr.mat-mdc-row,
table.mat-mdc-table tr.mat-mdc-footer-row {
  height: 3rem;
  outline: 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
}
table.mat-table .mat-footer-cell.mat-row-info-icon, table.mat-table .mat-footer-cell.mat-mdc-row-info-icon,
table.mat-table .mat-header-cell.mat-row-info-icon,
table.mat-table .mat-header-cell.mat-mdc-row-info-icon,
table.mat-table .mat-mdc-footer-cell.mat-row-info-icon,
table.mat-table .mat-mdc-footer-cell.mat-mdc-row-info-icon,
table.mat-table .mat-mdc-header-cell.mat-row-info-icon,
table.mat-table .mat-mdc-header-cell.mat-mdc-row-info-icon,
table.mat-mdc-table .mat-footer-cell.mat-row-info-icon,
table.mat-mdc-table .mat-footer-cell.mat-mdc-row-info-icon,
table.mat-mdc-table .mat-header-cell.mat-row-info-icon,
table.mat-mdc-table .mat-header-cell.mat-mdc-row-info-icon,
table.mat-mdc-table .mat-mdc-footer-cell.mat-row-info-icon,
table.mat-mdc-table .mat-mdc-footer-cell.mat-mdc-row-info-icon,
table.mat-mdc-table .mat-mdc-header-cell.mat-row-info-icon,
table.mat-mdc-table .mat-mdc-header-cell.mat-mdc-row-info-icon {
  visibility: hidden;
}
table.mat-table td.mat-cell.mat-row-info-icon, table.mat-table td.mat-cell.mat-mdc-row-info-icon,
table.mat-table td.mat-mdc-cell.mat-row-info-icon,
table.mat-table td.mat-mdc-cell.mat-mdc-row-info-icon,
table.mat-mdc-table td.mat-cell.mat-row-info-icon,
table.mat-mdc-table td.mat-cell.mat-mdc-row-info-icon,
table.mat-mdc-table td.mat-mdc-cell.mat-row-info-icon,
table.mat-mdc-table td.mat-mdc-cell.mat-mdc-row-info-icon {
  width: 32px;
  border: none;
}
table.mat-table .mat-cell.mat-row-info-icon, table.mat-table .mat-cell.mat-mdc-row-info-icon,
table.mat-table .mat-footer-cell.mat-row-info-icon,
table.mat-table .mat-footer-cell.mat-mdc-row-info-icon,
table.mat-table .mat-header-cell.mat-row-info-icon,
table.mat-table .mat-header-cell.mat-mdc-row-info-icon,
table.mat-table .mat-mdc-cell.mat-row-info-icon,
table.mat-table .mat-mdc-cell.mat-mdc-row-info-icon,
table.mat-table .mat-mdc-footer-cell.mat-row-info-icon,
table.mat-table .mat-mdc-footer-cell.mat-mdc-row-info-icon,
table.mat-table .mat-mdc-header-cell.mat-row-info-icon,
table.mat-table .mat-mdc-header-cell.mat-mdc-row-info-icon,
table.mat-mdc-table .mat-cell.mat-row-info-icon,
table.mat-mdc-table .mat-cell.mat-mdc-row-info-icon,
table.mat-mdc-table .mat-footer-cell.mat-row-info-icon,
table.mat-mdc-table .mat-footer-cell.mat-mdc-row-info-icon,
table.mat-mdc-table .mat-header-cell.mat-row-info-icon,
table.mat-mdc-table .mat-header-cell.mat-mdc-row-info-icon,
table.mat-mdc-table .mat-mdc-cell.mat-row-info-icon,
table.mat-mdc-table .mat-mdc-cell.mat-mdc-row-info-icon,
table.mat-mdc-table .mat-mdc-footer-cell.mat-row-info-icon,
table.mat-mdc-table .mat-mdc-footer-cell.mat-mdc-row-info-icon,
table.mat-mdc-table .mat-mdc-header-cell.mat-row-info-icon,
table.mat-mdc-table .mat-mdc-header-cell.mat-mdc-row-info-icon {
  padding: 0 !important;
}
table.mat-table th.mat-header-cell,
table.mat-table td.mat-cell,
table.mat-table td.mat-footer-cell,
table.mat-table th.mat-mdc-header-cell,
table.mat-table td.mat-mdc-cell,
table.mat-table td.mat-mdc-footer-cell,
table.mat-mdc-table th.mat-header-cell,
table.mat-mdc-table td.mat-cell,
table.mat-mdc-table td.mat-footer-cell,
table.mat-mdc-table th.mat-mdc-header-cell,
table.mat-mdc-table td.mat-mdc-cell,
table.mat-mdc-table td.mat-mdc-footer-cell {
  padding: 0 1rem;
  border: 0 none;
}
table.mat-table th.mat-header-cell,
table.mat-table th.mat-mdc-header-cell,
table.mat-mdc-table th.mat-header-cell,
table.mat-mdc-table th.mat-mdc-header-cell {
  text-align: left;
  position: relative;
  font-size: var(--font-size-sm);
  font-weight: bold;
  box-shadow: inset 0 -2px 0 0 var(--gray-300);
}
@media all and (-ms-high-contrast: none) {
  table.mat-table th.mat-header-cell,
  table.mat-table th.mat-mdc-header-cell,
  table.mat-mdc-table th.mat-header-cell,
  table.mat-mdc-table th.mat-mdc-header-cell {
    position: relative !important;
  }
}
table.mat-table th.mat-header-cell:not(:last-of-type):after,
table.mat-table th.mat-mdc-header-cell:not(:last-of-type):after,
table.mat-mdc-table th.mat-header-cell:not(:last-of-type):after,
table.mat-mdc-table th.mat-mdc-header-cell:not(:last-of-type):after {
  content: "";
  position: absolute;
  display: block;
}
table.mat-table th.mat-header-cell:not(:last-of-type):after,
table.mat-table th.mat-mdc-header-cell:not(:last-of-type):after,
table.mat-mdc-table th.mat-header-cell:not(:last-of-type):after,
table.mat-mdc-table th.mat-mdc-header-cell:not(:last-of-type):after {
  right: 0;
  top: 1rem;
  bottom: 1rem;
  width: 1px;
  background: var(--gray-400);
}
table.mat-table td.mat-footer-cell,
table.mat-table td.mat-mdc-footer-cell,
table.mat-mdc-table td.mat-footer-cell,
table.mat-mdc-table td.mat-mdc-footer-cell {
  text-align: left;
  position: relative;
  font-size: var(--font-size-sm);
  font-weight: bold;
}
@media all and (-ms-high-contrast: none) {
  table.mat-table td.mat-footer-cell,
  table.mat-table td.mat-mdc-footer-cell,
  table.mat-mdc-table td.mat-footer-cell,
  table.mat-mdc-table td.mat-mdc-footer-cell {
    position: relative !important;
  }
}
table.mat-table td.mat-footer-cell:before, table.mat-table td.mat-footer-cell:not(:last-of-type):after,
table.mat-table td.mat-mdc-footer-cell:before,
table.mat-table td.mat-mdc-footer-cell:not(:last-of-type):after,
table.mat-mdc-table td.mat-footer-cell:before,
table.mat-mdc-table td.mat-footer-cell:not(:last-of-type):after,
table.mat-mdc-table td.mat-mdc-footer-cell:before,
table.mat-mdc-table td.mat-mdc-footer-cell:not(:last-of-type):after {
  content: "";
  position: absolute;
  display: block;
}
table.mat-table td.mat-footer-cell:before,
table.mat-table td.mat-mdc-footer-cell:before,
table.mat-mdc-table td.mat-footer-cell:before,
table.mat-mdc-table td.mat-mdc-footer-cell:before {
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background: var(--gray-300);
  transform: translateZ(0);
}
table.mat-table td.mat-cell:not(:last-of-type),
table.mat-table td.mat-mdc-cell:not(:last-of-type),
table.mat-mdc-table td.mat-cell:not(:last-of-type),
table.mat-mdc-table td.mat-mdc-cell:not(:last-of-type) {
  border-right: 1px solid var(--gray-600);
}
table.mat-table:not(.mat-table-no-hover) tr.mat-row-selected td.mat-cell,
table.mat-table:not(.mat-table-no-hover) tr.mat-row-selected td.mat-mdc-cell,
table.mat-table:not(.mat-table-no-hover) tr.mat-row:hover td.mat-cell,
table.mat-table:not(.mat-table-no-hover) tr.mat-row:hover td.mat-mdc-cell,
table.mat-table:not(.mat-table-no-hover) tr.mat-mdc-row-selected td.mat-cell,
table.mat-table:not(.mat-table-no-hover) tr.mat-mdc-row-selected td.mat-mdc-cell,
table.mat-table:not(.mat-table-no-hover) tr.mat-mdc-row:hover td.mat-cell,
table.mat-table:not(.mat-table-no-hover) tr.mat-mdc-row:hover td.mat-mdc-cell, table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-row-selected td.mat-cell,
table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-row-selected td.mat-mdc-cell,
table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-row:hover td.mat-cell,
table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-row:hover td.mat-mdc-cell,
table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row-selected td.mat-cell,
table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row-selected td.mat-mdc-cell,
table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row:hover td.mat-cell,
table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row:hover td.mat-mdc-cell,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-row-selected td.mat-cell,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-row-selected td.mat-mdc-cell,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-row:hover td.mat-cell,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-row:hover td.mat-mdc-cell,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-mdc-row-selected td.mat-cell,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-mdc-row-selected td.mat-mdc-cell,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-mdc-row:hover td.mat-cell,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-mdc-row:hover td.mat-mdc-cell,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-row-selected td.mat-cell,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-row-selected td.mat-mdc-cell,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-row:hover td.mat-cell,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-row:hover td.mat-mdc-cell,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row-selected td.mat-cell,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row-selected td.mat-mdc-cell,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row:hover td.mat-cell,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row:hover td.mat-mdc-cell {
  background: var(--gray-400) !important;
}
table.mat-table:not(.mat-table-no-hover) tr.mat-row-selected td.mat-cell .mat-cell-actions,
table.mat-table:not(.mat-table-no-hover) tr.mat-row-selected td.mat-mdc-cell .mat-cell-actions,
table.mat-table:not(.mat-table-no-hover) tr.mat-row:hover td.mat-cell .mat-cell-actions,
table.mat-table:not(.mat-table-no-hover) tr.mat-row:hover td.mat-mdc-cell .mat-cell-actions,
table.mat-table:not(.mat-table-no-hover) tr.mat-mdc-row-selected td.mat-cell .mat-cell-actions,
table.mat-table:not(.mat-table-no-hover) tr.mat-mdc-row-selected td.mat-mdc-cell .mat-cell-actions,
table.mat-table:not(.mat-table-no-hover) tr.mat-mdc-row:hover td.mat-cell .mat-cell-actions,
table.mat-table:not(.mat-table-no-hover) tr.mat-mdc-row:hover td.mat-mdc-cell .mat-cell-actions, table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-row-selected td.mat-cell .mat-cell-actions,
table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-row-selected td.mat-mdc-cell .mat-cell-actions,
table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-row:hover td.mat-cell .mat-cell-actions,
table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-row:hover td.mat-mdc-cell .mat-cell-actions,
table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row-selected td.mat-cell .mat-cell-actions,
table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row-selected td.mat-mdc-cell .mat-cell-actions,
table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row:hover td.mat-cell .mat-cell-actions,
table.mat-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row:hover td.mat-mdc-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-row-selected td.mat-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-row-selected td.mat-mdc-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-row:hover td.mat-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-row:hover td.mat-mdc-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-mdc-row-selected td.mat-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-mdc-row-selected td.mat-mdc-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-mdc-row:hover td.mat-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-table-no-hover) tr.mat-mdc-row:hover td.mat-mdc-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-row-selected td.mat-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-row-selected td.mat-mdc-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-row:hover td.mat-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-row:hover td.mat-mdc-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row-selected td.mat-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row-selected td.mat-mdc-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row:hover td.mat-cell .mat-cell-actions,
table.mat-mdc-table:not(.mat-mdc-table-no-hover) tr.mat-mdc-row:hover td.mat-mdc-cell .mat-cell-actions {
  background: inherit;
}
table.mat-table tr.mat-row-selected td.mat-cell:first-of-type,
table.mat-table tr.mat-row-selected td.mat-mdc-cell:first-of-type,
table.mat-table tr.mat-mdc-row-selected td.mat-cell:first-of-type,
table.mat-table tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type,
table.mat-mdc-table tr.mat-row-selected td.mat-cell:first-of-type,
table.mat-mdc-table tr.mat-row-selected td.mat-mdc-cell:first-of-type,
table.mat-mdc-table tr.mat-mdc-row-selected td.mat-cell:first-of-type,
table.mat-mdc-table tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type {
  position: relative;
}
table.mat-table tr.mat-row-selected td.mat-cell:first-of-type:before,
table.mat-table tr.mat-row-selected td.mat-mdc-cell:first-of-type:before,
table.mat-table tr.mat-mdc-row-selected td.mat-cell:first-of-type:before,
table.mat-table tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type:before,
table.mat-mdc-table tr.mat-row-selected td.mat-cell:first-of-type:before,
table.mat-mdc-table tr.mat-row-selected td.mat-mdc-cell:first-of-type:before,
table.mat-mdc-table tr.mat-mdc-row-selected td.mat-cell:first-of-type:before,
table.mat-mdc-table tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type:before {
  content: "";
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 100%;
  min-height: 3rem;
  top: 0;
  left: 0;
  bottom: 0;
}
.layout-sport table.mat-table tr.mat-row-selected td.mat-cell:first-of-type:before,
.layout-sport table.mat-table tr.mat-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-sport table.mat-table tr.mat-mdc-row-selected td.mat-cell:first-of-type:before,
.layout-sport table.mat-table tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-sport table.mat-mdc-table tr.mat-row-selected td.mat-cell:first-of-type:before,
.layout-sport table.mat-mdc-table tr.mat-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-sport table.mat-mdc-table tr.mat-mdc-row-selected td.mat-cell:first-of-type:before,
.layout-sport table.mat-mdc-table tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type:before {
  background: var(--theme-sport-primary);
}
.layout-verein table.mat-table tr.mat-row-selected td.mat-cell:first-of-type:before,
.layout-verein table.mat-table tr.mat-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-verein table.mat-table tr.mat-mdc-row-selected td.mat-cell:first-of-type:before,
.layout-verein table.mat-table tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-verein table.mat-mdc-table tr.mat-row-selected td.mat-cell:first-of-type:before,
.layout-verein table.mat-mdc-table tr.mat-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-verein table.mat-mdc-table tr.mat-mdc-row-selected td.mat-cell:first-of-type:before,
.layout-verein table.mat-mdc-table tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type:before {
  background: var(--theme-verein-primary);
}
.layout-verband table.mat-table tr.mat-row-selected td.mat-cell:first-of-type:before,
.layout-verband table.mat-table tr.mat-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-verband table.mat-table tr.mat-mdc-row-selected td.mat-cell:first-of-type:before,
.layout-verband table.mat-table tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-verband table.mat-mdc-table tr.mat-row-selected td.mat-cell:first-of-type:before,
.layout-verband table.mat-mdc-table tr.mat-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-verband table.mat-mdc-table tr.mat-mdc-row-selected td.mat-cell:first-of-type:before,
.layout-verband table.mat-mdc-table tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type:before {
  background: var(--theme-verband-primary);
}
.layout-public table.mat-table tr.mat-row-selected td.mat-cell:first-of-type:before,
.layout-public table.mat-table tr.mat-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-public table.mat-table tr.mat-mdc-row-selected td.mat-cell:first-of-type:before,
.layout-public table.mat-table tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-public table.mat-mdc-table tr.mat-row-selected td.mat-cell:first-of-type:before,
.layout-public table.mat-mdc-table tr.mat-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-public table.mat-mdc-table tr.mat-mdc-row-selected td.mat-cell:first-of-type:before,
.layout-public table.mat-mdc-table tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type:before {
  background: var(--theme-public-primary);
}
.layout-digital table.mat-table tr.mat-row-selected td.mat-cell:first-of-type:before,
.layout-digital table.mat-table tr.mat-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-digital table.mat-table tr.mat-mdc-row-selected td.mat-cell:first-of-type:before,
.layout-digital table.mat-table tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-digital table.mat-mdc-table tr.mat-row-selected td.mat-cell:first-of-type:before,
.layout-digital table.mat-mdc-table tr.mat-row-selected td.mat-mdc-cell:first-of-type:before,
.layout-digital table.mat-mdc-table tr.mat-mdc-row-selected td.mat-cell:first-of-type:before,
.layout-digital table.mat-mdc-table tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type:before {
  background: var(--theme-digital-primary);
}
table.mat-table tr.mat-row-link td.mat-cell,
table.mat-table tr.mat-row-link td.mat-mdc-cell,
table.mat-table tr.mat-mdc-row-link td.mat-cell,
table.mat-table tr.mat-mdc-row-link td.mat-mdc-cell,
table.mat-mdc-table tr.mat-row-link td.mat-cell,
table.mat-mdc-table tr.mat-row-link td.mat-mdc-cell,
table.mat-mdc-table tr.mat-mdc-row-link td.mat-cell,
table.mat-mdc-table tr.mat-mdc-row-link td.mat-mdc-cell {
  cursor: pointer;
}
table.mat-table th.mat-header-cell.mat-cell-select,
table.mat-table td.mat-cell.mat-cell-select,
table.mat-table th.mat-mdc-header-cell.mat-mdc-cell-select,
table.mat-table td.mat-mdc-cell.mat-mdc-cell-select,
table.mat-mdc-table th.mat-header-cell.mat-cell-select,
table.mat-mdc-table td.mat-cell.mat-cell-select,
table.mat-mdc-table th.mat-mdc-header-cell.mat-mdc-cell-select,
table.mat-mdc-table td.mat-mdc-cell.mat-mdc-cell-select {
  border-right: 0 none;
  width: 3rem;
}
table.mat-table th.mat-header-cell.mat-cell-select:after,
table.mat-table td.mat-cell.mat-cell-select:after,
table.mat-table th.mat-mdc-header-cell.mat-mdc-cell-select:after,
table.mat-table td.mat-mdc-cell.mat-mdc-cell-select:after,
table.mat-mdc-table th.mat-header-cell.mat-cell-select:after,
table.mat-mdc-table td.mat-cell.mat-cell-select:after,
table.mat-mdc-table th.mat-mdc-header-cell.mat-mdc-cell-select:after,
table.mat-mdc-table td.mat-mdc-cell.mat-mdc-cell-select:after {
  display: none;
}
table.mat-table th.mat-header-cell:first-of-type,
table.mat-table td.mat-cell:first-of-type,
table.mat-table td.mat-footer-cell:first-of-type,
table.mat-table th.mat-mdc-header-cell:first-of-type,
table.mat-table td.mat-mdc-cell:first-of-type,
table.mat-table td.mat-mdc-footer-cell:first-of-type,
table.mat-mdc-table th.mat-header-cell:first-of-type,
table.mat-mdc-table td.mat-cell:first-of-type,
table.mat-mdc-table td.mat-footer-cell:first-of-type,
table.mat-mdc-table th.mat-mdc-header-cell:first-of-type,
table.mat-mdc-table td.mat-mdc-cell:first-of-type,
table.mat-mdc-table td.mat-mdc-footer-cell:first-of-type {
  padding-left: 1rem;
}
table.mat-table th.mat-header-cell:last-of-type,
table.mat-table td.mat-cell:last-of-type,
table.mat-table td.mat-footer-cell:last-of-type,
table.mat-table th.mat-mdc-header-cell:last-of-type,
table.mat-table td.mat-mdc-cell:last-of-type,
table.mat-table td.mat-mdc-footer-cell:last-of-type,
table.mat-mdc-table th.mat-header-cell:last-of-type,
table.mat-mdc-table td.mat-cell:last-of-type,
table.mat-mdc-table td.mat-footer-cell:last-of-type,
table.mat-mdc-table th.mat-mdc-header-cell:last-of-type,
table.mat-mdc-table td.mat-mdc-cell:last-of-type,
table.mat-mdc-table td.mat-mdc-footer-cell:last-of-type {
  padding-right: 1rem;
}
table.mat-table th.mat-header-cell.mat-cell-action,
table.mat-table td.mat-cell.mat-cell-action,
table.mat-table th.mat-mdc-header-cell.mat-mdc-cell-action,
table.mat-table td.mat-mdc-cell.mat-mdc-cell-action,
table.mat-mdc-table th.mat-header-cell.mat-cell-action,
table.mat-mdc-table td.mat-cell.mat-cell-action,
table.mat-mdc-table th.mat-mdc-header-cell.mat-mdc-cell-action,
table.mat-mdc-table td.mat-mdc-cell.mat-mdc-cell-action {
  width: 3rem;
  padding: 0 0.5rem;
}
table.mat-table th.mat-header-cell.mat-cell-avatar,
table.mat-table td.mat-cell.mat-cell-avatar,
table.mat-table th.mat-mdc-header-cell.mat-mdc-cell-avatar,
table.mat-table td.mat-mdc-cell.mat-mdc-cell-avatar,
table.mat-mdc-table th.mat-header-cell.mat-cell-avatar,
table.mat-mdc-table td.mat-cell.mat-cell-avatar,
table.mat-mdc-table th.mat-mdc-header-cell.mat-mdc-cell-avatar,
table.mat-mdc-table td.mat-mdc-cell.mat-mdc-cell-avatar {
  width: 1.5rem;
  padding: 0 0.75rem;
}
table.mat-table th.mat-header-cell.mat-cell-avatar:first-child,
table.mat-table td.mat-cell.mat-cell-avatar:first-child,
table.mat-table th.mat-mdc-header-cell.mat-mdc-cell-avatar:first-child,
table.mat-table td.mat-mdc-cell.mat-mdc-cell-avatar:first-child,
table.mat-mdc-table th.mat-header-cell.mat-cell-avatar:first-child,
table.mat-mdc-table td.mat-cell.mat-cell-avatar:first-child,
table.mat-mdc-table th.mat-mdc-header-cell.mat-mdc-cell-avatar:first-child,
table.mat-mdc-table td.mat-mdc-cell.mat-mdc-cell-avatar:first-child {
  padding-right: 0;
}
table.mat-table td.mat-column-actions,
table.mat-mdc-table td.mat-column-actions {
  overflow: visible;
}
table.mat-table td.mat-column-actions .mat-cell-actions,
table.mat-mdc-table td.mat-column-actions .mat-cell-actions {
  background: white !important;
}
table.mat-table td.mat-cell .mat-cell-actions,
table.mat-table td.mat-cell .mat-mdc-cell-actions,
table.mat-table td.mat-mdc-cell .mat-cell-actions,
table.mat-table td.mat-mdc-cell .mat-mdc-cell-actions,
table.mat-mdc-table td.mat-cell .mat-cell-actions,
table.mat-mdc-table td.mat-cell .mat-mdc-cell-actions,
table.mat-mdc-table td.mat-mdc-cell .mat-cell-actions,
table.mat-mdc-table td.mat-mdc-cell .mat-mdc-cell-actions {
  display: flex;
  flex-direction: row;
  background: var(--white);
  box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.15);
}
table.mat-table td.mat-cell .mat-cell-actions button,
table.mat-table td.mat-cell .mat-mdc-cell-actions button,
table.mat-table td.mat-mdc-cell .mat-cell-actions button,
table.mat-table td.mat-mdc-cell .mat-mdc-cell-actions button,
table.mat-mdc-table td.mat-cell .mat-cell-actions button,
table.mat-mdc-table td.mat-cell .mat-mdc-cell-actions button,
table.mat-mdc-table td.mat-mdc-cell .mat-cell-actions button,
table.mat-mdc-table td.mat-mdc-cell .mat-mdc-cell-actions button {
  min-width: 3rem;
}
table.mat-table td.mat-cell .mat-cell-actions button + button:before,
table.mat-table td.mat-cell .mat-mdc-cell-actions button + button:before,
table.mat-table td.mat-mdc-cell .mat-cell-actions button + button:before,
table.mat-table td.mat-mdc-cell .mat-mdc-cell-actions button + button:before,
table.mat-mdc-table td.mat-cell .mat-cell-actions button + button:before,
table.mat-mdc-table td.mat-cell .mat-mdc-cell-actions button + button:before,
table.mat-mdc-table td.mat-mdc-cell .mat-cell-actions button + button:before,
table.mat-mdc-table td.mat-mdc-cell .mat-mdc-cell-actions button + button:before {
  content: "";
  height: 1.25rem;
  position: absolute;
  top: calc(50% - 0.625rem);
  left: 0;
  border-left: 1px solid var(--gray-400);
}
table.mat-table th.mat-cell-actions-hover,
table.mat-table td.mat-cell-actions-hover,
table.mat-table th.mat-mdc-cell-actions-hover,
table.mat-table td.mat-mdc-cell-actions-hover,
table.mat-mdc-table th.mat-cell-actions-hover,
table.mat-mdc-table td.mat-cell-actions-hover,
table.mat-mdc-table th.mat-mdc-cell-actions-hover,
table.mat-mdc-table td.mat-mdc-cell-actions-hover {
  width: 3rem;
  padding: 0 0.5rem;
  position: relative;
}
table.mat-table th.mat-cell-actions-hover .mat-cell-actions,
table.mat-table th.mat-cell-actions-hover .mat-mdc-cell-actions,
table.mat-table td.mat-cell-actions-hover .mat-cell-actions,
table.mat-table td.mat-cell-actions-hover .mat-mdc-cell-actions,
table.mat-table th.mat-mdc-cell-actions-hover .mat-cell-actions,
table.mat-table th.mat-mdc-cell-actions-hover .mat-mdc-cell-actions,
table.mat-table td.mat-mdc-cell-actions-hover .mat-cell-actions,
table.mat-table td.mat-mdc-cell-actions-hover .mat-mdc-cell-actions,
table.mat-mdc-table th.mat-cell-actions-hover .mat-cell-actions,
table.mat-mdc-table th.mat-cell-actions-hover .mat-mdc-cell-actions,
table.mat-mdc-table td.mat-cell-actions-hover .mat-cell-actions,
table.mat-mdc-table td.mat-cell-actions-hover .mat-mdc-cell-actions,
table.mat-mdc-table th.mat-mdc-cell-actions-hover .mat-cell-actions,
table.mat-mdc-table th.mat-mdc-cell-actions-hover .mat-mdc-cell-actions,
table.mat-mdc-table td.mat-mdc-cell-actions-hover .mat-cell-actions,
table.mat-mdc-table td.mat-mdc-cell-actions-hover .mat-mdc-cell-actions {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: none;
}
table.mat-table tr.mat-row:hover .mat-cell-actions,
table.mat-table tr.mat-row:hover .mat-mdc-cell-actions,
table.mat-table tr.mat-mdc-row:hover .mat-cell-actions,
table.mat-table tr.mat-mdc-row:hover .mat-mdc-cell-actions,
table.mat-mdc-table tr.mat-row:hover .mat-cell-actions,
table.mat-mdc-table tr.mat-row:hover .mat-mdc-cell-actions,
table.mat-mdc-table tr.mat-mdc-row:hover .mat-cell-actions,
table.mat-mdc-table tr.mat-mdc-row:hover .mat-mdc-cell-actions {
  display: flex;
}

table.mat-table-sm,
table.mat-mdc-table-sm {
  font-size: var(--font-size-sm);
}
table.mat-table-sm tr.mat-header-row,
table.mat-table-sm tr.mat-mdc-header-row,
table.mat-mdc-table-sm tr.mat-header-row,
table.mat-mdc-table-sm tr.mat-mdc-header-row {
  height: 2rem;
}
table.mat-table-sm tr.mat-row-selected td.mat-cell:first-of-type:before,
table.mat-table-sm tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type:before,
table.mat-mdc-table-sm tr.mat-row-selected td.mat-cell:first-of-type:before,
table.mat-mdc-table-sm tr.mat-mdc-row-selected td.mat-mdc-cell:first-of-type:before {
  min-height: 2rem;
}

table.mat-table-striped tbody tr.mat-row:nth-of-type(odd) td.mat-cell:not(.mat-row-info-icon),
table.mat-table-striped tbody tr.mat-row:nth-of-type(odd) td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-table-striped tbody tr.mat-mdc-row:nth-of-type(odd) td.mat-cell:not(.mat-row-info-icon),
table.mat-table-striped tbody tr.mat-mdc-row:nth-of-type(odd) td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-mdc-table-striped tbody tr.mat-row:nth-of-type(odd) td.mat-cell:not(.mat-row-info-icon),
table.mat-mdc-table-striped tbody tr.mat-row:nth-of-type(odd) td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-mdc-table-striped tbody tr.mat-mdc-row:nth-of-type(odd) td.mat-cell:not(.mat-row-info-icon),
table.mat-mdc-table-striped tbody tr.mat-mdc-row:nth-of-type(odd) td.mat-mdc-cell:not(.mat-mdc-row-info-icon) {
  background: var(--gray-600);
}
table.mat-table-striped:not(.mat-table-no-hover) tbody tr.mat-row:nth-of-type(odd):hover td.mat-cell:not(.mat-row-info-icon),
table.mat-table-striped:not(.mat-table-no-hover) tbody tr.mat-mdc-row:nth-of-type(odd):hover td.mat-mdc-cell:not(.mat-mdc-row-info-icon), table.mat-table-striped:not(.mat-mdc-table-no-hover) tbody tr.mat-row:nth-of-type(odd):hover td.mat-cell:not(.mat-row-info-icon),
table.mat-table-striped:not(.mat-mdc-table-no-hover) tbody tr.mat-mdc-row:nth-of-type(odd):hover td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-mdc-table-striped:not(.mat-table-no-hover) tbody tr.mat-row:nth-of-type(odd):hover td.mat-cell:not(.mat-row-info-icon),
table.mat-mdc-table-striped:not(.mat-table-no-hover) tbody tr.mat-mdc-row:nth-of-type(odd):hover td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-mdc-table-striped:not(.mat-mdc-table-no-hover) tbody tr.mat-row:nth-of-type(odd):hover td.mat-cell:not(.mat-row-info-icon),
table.mat-mdc-table-striped:not(.mat-mdc-table-no-hover) tbody tr.mat-mdc-row:nth-of-type(odd):hover td.mat-mdc-cell:not(.mat-mdc-row-info-icon) {
  background: var(--gray-400);
}

table.mat-table-striped-double-row tbody tr.mat-row:nth-child(4n+3) td.mat-cell:not(.mat-row-info-icon),
table.mat-table-striped-double-row tbody tr.mat-row:nth-child(4n+3) td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-table-striped-double-row tbody tr.mat-row:nth-child(4n+4) td.mat-cell:not(.mat-row-info-icon),
table.mat-table-striped-double-row tbody tr.mat-row:nth-child(4n+4) td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-table-striped-double-row tbody tr.mat-mdc-row:nth-child(4n+3) td.mat-cell:not(.mat-row-info-icon),
table.mat-table-striped-double-row tbody tr.mat-mdc-row:nth-child(4n+3) td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-table-striped-double-row tbody tr.mat-mdc-row:nth-child(4n+4) td.mat-cell:not(.mat-row-info-icon),
table.mat-table-striped-double-row tbody tr.mat-mdc-row:nth-child(4n+4) td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-mdc-table-striped-double-row tbody tr.mat-row:nth-child(4n+3) td.mat-cell:not(.mat-row-info-icon),
table.mat-mdc-table-striped-double-row tbody tr.mat-row:nth-child(4n+3) td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-mdc-table-striped-double-row tbody tr.mat-row:nth-child(4n+4) td.mat-cell:not(.mat-row-info-icon),
table.mat-mdc-table-striped-double-row tbody tr.mat-row:nth-child(4n+4) td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-mdc-table-striped-double-row tbody tr.mat-mdc-row:nth-child(4n+3) td.mat-cell:not(.mat-row-info-icon),
table.mat-mdc-table-striped-double-row tbody tr.mat-mdc-row:nth-child(4n+3) td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-mdc-table-striped-double-row tbody tr.mat-mdc-row:nth-child(4n+4) td.mat-cell:not(.mat-row-info-icon),
table.mat-mdc-table-striped-double-row tbody tr.mat-mdc-row:nth-child(4n+4) td.mat-mdc-cell:not(.mat-mdc-row-info-icon) {
  background: var(--gray-600);
}
table.mat-table-striped-double-row:not(.mat-table-no-hover) tbody tr.mat-row:nth-child(4n+3):hover td.mat-cell:not(.mat-row-info-icon),
table.mat-table-striped-double-row:not(.mat-table-no-hover) tbody tr.mat-row:nth-child(4n+4):hover td.mat-cell:not(.mat-row-info-icon),
table.mat-table-striped-double-row:not(.mat-table-no-hover) tbody tr.mat-mdc-row:nth-child(4n+3):hover td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-table-striped-double-row:not(.mat-table-no-hover) tbody tr.mat-mdc-row:nth-child(4n+4):hover td.mat-mdc-cell:not(.mat-mdc-row-info-icon), table.mat-table-striped-double-row:not(.mat-mdc-table-no-hover) tbody tr.mat-row:nth-child(4n+3):hover td.mat-cell:not(.mat-row-info-icon),
table.mat-table-striped-double-row:not(.mat-mdc-table-no-hover) tbody tr.mat-row:nth-child(4n+4):hover td.mat-cell:not(.mat-row-info-icon),
table.mat-table-striped-double-row:not(.mat-mdc-table-no-hover) tbody tr.mat-mdc-row:nth-child(4n+3):hover td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-table-striped-double-row:not(.mat-mdc-table-no-hover) tbody tr.mat-mdc-row:nth-child(4n+4):hover td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-mdc-table-striped-double-row:not(.mat-table-no-hover) tbody tr.mat-row:nth-child(4n+3):hover td.mat-cell:not(.mat-row-info-icon),
table.mat-mdc-table-striped-double-row:not(.mat-table-no-hover) tbody tr.mat-row:nth-child(4n+4):hover td.mat-cell:not(.mat-row-info-icon),
table.mat-mdc-table-striped-double-row:not(.mat-table-no-hover) tbody tr.mat-mdc-row:nth-child(4n+3):hover td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-mdc-table-striped-double-row:not(.mat-table-no-hover) tbody tr.mat-mdc-row:nth-child(4n+4):hover td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-mdc-table-striped-double-row:not(.mat-mdc-table-no-hover) tbody tr.mat-row:nth-child(4n+3):hover td.mat-cell:not(.mat-row-info-icon),
table.mat-mdc-table-striped-double-row:not(.mat-mdc-table-no-hover) tbody tr.mat-row:nth-child(4n+4):hover td.mat-cell:not(.mat-row-info-icon),
table.mat-mdc-table-striped-double-row:not(.mat-mdc-table-no-hover) tbody tr.mat-mdc-row:nth-child(4n+3):hover td.mat-mdc-cell:not(.mat-mdc-row-info-icon),
table.mat-mdc-table-striped-double-row:not(.mat-mdc-table-no-hover) tbody tr.mat-mdc-row:nth-child(4n+4):hover td.mat-mdc-cell:not(.mat-mdc-row-info-icon) {
  background: var(--gray-400);
}

table.mat-table-bordered,
table.mat-mdc-table-bordered {
  border-color: var(--gray-400);
}
table.mat-table-bordered tbody, table.mat-table-bordered td, table.mat-table-bordered tfoot, table.mat-table-bordered th, table.mat-table-bordered thead, table.mat-table-bordered tr,
table.mat-table-bordered tbody, table.mat-table-bordered td, table.mat-table-bordered tfoot, table.mat-table-bordered th, table.mat-table-bordered thead, table.mat-table-bordered tr,
table.mat-mdc-table-bordered tbody,
table.mat-mdc-table-bordered td,
table.mat-mdc-table-bordered tfoot,
table.mat-mdc-table-bordered th,
table.mat-mdc-table-bordered thead,
table.mat-mdc-table-bordered tr,
table.mat-mdc-table-bordered tbody,
table.mat-mdc-table-bordered td,
table.mat-mdc-table-bordered tfoot,
table.mat-mdc-table-bordered th,
table.mat-mdc-table-bordered thead,
table.mat-mdc-table-bordered tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
table.mat-table-bordered > :not(caption) > *,
table.mat-mdc-table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
table.mat-table-bordered > :not(caption) > * > *,
table.mat-mdc-table-bordered > :not(caption) > * > * {
  padding: 0.75rem 1rem;
  border-width: 0 1px;
}
table.mat-table-bordered > :not(:last-child) > :last-child > *,
table.mat-mdc-table-bordered > :not(:last-child) > :last-child > * {
  border-bottom-color: var(--gray-400);
}

table.mat-table-statistik small, table.mat-table-beitragsstruktur small,
table.mat-mdc-table-statistik small, table.mat-mdc-table-beitragsstruktur small {
  display: block;
  color: var(--gray-200);
  font-size: var(--font-size-xs);
  font-weight: normal;
}
table.mat-table-statistik th, table.mat-table-beitragsstruktur th,
table.mat-mdc-table-statistik th, table.mat-mdc-table-beitragsstruktur th {
  background: var(--gray-600);
  vertical-align: top;
}
table.mat-table-statistik th:nth-of-type(odd), table.mat-table-beitragsstruktur th:nth-of-type(odd),
table.mat-mdc-table-statistik th:nth-of-type(odd), table.mat-mdc-table-beitragsstruktur th:nth-of-type(odd) {
  background: var(--gray-500);
}
table.mat-table-statistik td, table.mat-table-beitragsstruktur td,
table.mat-mdc-table-statistik td, table.mat-mdc-table-beitragsstruktur td {
  text-align: center;
}
table.mat-table-statistik td:first-child, table.mat-table-beitragsstruktur td:first-child,
table.mat-mdc-table-statistik td:first-child, table.mat-mdc-table-beitragsstruktur td:first-child {
  text-align: left;
}
table.mat-table-statistik tbody + tbody > :first-child, table.mat-table-beitragsstruktur tbody + tbody > :first-child,
table.mat-mdc-table-statistik tbody + tbody > :first-child, table.mat-mdc-table-beitragsstruktur tbody + tbody > :first-child {
  border-top-width: 2px;
  border-top-color: var(--gray-300);
}

.mat-sort-header-container,
.mat-mdc-sort-header-container {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
}
.mat-sort-header-disabled .mat-sort-header-container, .mat-mdc-sort-header-disabled .mat-sort-header-container,
.mat-sort-header-disabled .mat-mdc-sort-header-container,
.mat-mdc-sort-header-disabled .mat-mdc-sort-header-container {
  cursor: default;
}

.mat-sort-header-position-before,
.mat-mdc-sort-header-position-before {
  flex-direction: row-reverse;
}

.mat-sort-header-button,
.mat-mdc-sort-header-button {
  border: none;
  background: 0 0;
  display: flex;
  align-items: center;
  padding: 0;
  cursor: inherit;
  outline: 0;
  font: inherit;
  color: currentColor;
}
.mat-sort-header-button::-moz-focus-inner,
.mat-mdc-sort-header-button::-moz-focus-inner {
  border: 0;
}

.mat-sort-header-arrow,
.mat-mdc-sort-header-arrow {
  height: 12px;
  width: 12px;
  min-width: 12px;
  position: relative;
  display: flex;
  opacity: 0;
}
.mat-sort-header-arrow, [dir=rtl] .mat-sort-header-position-before .mat-sort-header-arrow, [dir=rtl] .mat-mdc-sort-header-position-before .mat-sort-header-arrow,
.mat-mdc-sort-header-arrow,
[dir=rtl] .mat-sort-header-position-before .mat-mdc-sort-header-arrow,
[dir=rtl] .mat-mdc-sort-header-position-before .mat-mdc-sort-header-arrow {
  margin: 0 0 0 6px;
}
.mat-sort-header-position-before .mat-sort-header-arrow, .mat-mdc-sort-header-position-before .mat-sort-header-arrow, [dir=rtl] .mat-sort-header-arrow,
.mat-sort-header-position-before .mat-mdc-sort-header-arrow,
.mat-mdc-sort-header-position-before .mat-mdc-sort-header-arrow,
[dir=rtl] .mat-mdc-sort-header-arrow {
  margin: 0 6px 0 0;
}

.mat-sort-header-stem,
.mat-mdc-sort-header-stem {
  background: currentColor;
  height: 10px;
  width: 2px;
  margin: auto;
  display: flex;
  align-items: center;
}

.mat-sort-header-indicator,
.mat-mdc-sort-header-indicator {
  width: 100%;
  height: 2px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}

.mat-sort-header-pointer-middle,
.mat-mdc-sort-header-pointer-middle {
  margin: auto;
  height: 2px;
  width: 2px;
  background: currentColor;
  transform: rotate(45deg);
}

.mat-sort-header-pointer-left,
.mat-mdc-sort-header-pointer-left,
.mat-sort-header-pointer-right,
.mat-mdc-sort-header-pointer-right {
  background: currentColor;
  width: 6px;
  height: 2px;
  position: absolute;
  top: 0;
}

.mat-sort-header-pointer-left,
.mat-mdc-sort-header-pointer-left {
  transform-origin: right;
  left: 0;
}

.mat-sort-header-pointer-right,
.mat-mdc-sort-header-pointer-right {
  transform-origin: left;
  right: 0;
}

athleta-app-container {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  overflow: hidden;
  z-index: 0;
}
@media (min-width: 992px) {
  athleta-app-container.toolbar-visible athleta-sidenav,
  athleta-app-container.toolbar-visible athleta-sidenav-menu {
    height: calc(100vh - 5.5rem);
  }
}
athleta-app-container.toolbar-banner-visible athleta-sidenav,
athleta-app-container.toolbar-banner-visible athleta-sidenav-menu {
  height: 100%;
}
@media (min-width: 599px) {
  athleta-app-container.toolbar-banner-visible athleta-sidenav,
  athleta-app-container.toolbar-banner-visible athleta-sidenav-menu {
    height: calc(100vh - 12rem);
  }
}
@media (min-width: 992px) {
  athleta-app-container.toolbar-banner-visible athleta-sidenav,
  athleta-app-container.toolbar-banner-visible athleta-sidenav-menu {
    height: calc(100vh - 6rem);
  }
}
athleta-app-container.toolbar-banner-visible.toolbar-visible athleta-sidenav,
athleta-app-container.toolbar-banner-visible.toolbar-visible athleta-sidenav-menu {
  height: calc(100vh - 12rem);
}
@media (min-width: 599px) {
  athleta-app-container.toolbar-banner-visible.toolbar-visible athleta-sidenav,
  athleta-app-container.toolbar-banner-visible.toolbar-visible athleta-sidenav-menu {
    height: calc(100vh - 17.5rem);
  }
}
@media (min-width: 992px) {
  athleta-app-container.toolbar-banner-visible.toolbar-visible athleta-sidenav,
  athleta-app-container.toolbar-banner-visible.toolbar-visible athleta-sidenav-menu {
    height: calc(100vh - 11.5rem);
  }
}

.asset-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.asset-list-item {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid var(--gray-200);
}
.layout-sport .asset-list-item {
  border-left: 0.625rem solid var(--theme-sport-primary);
}
.layout-verein .asset-list-item {
  border-left: 0.625rem solid var(--theme-verein-primary);
}
.layout-verband .asset-list-item {
  border-left: 0.625rem solid var(--theme-verband-primary);
}
.layout-public .asset-list-item {
  border-left: 0.625rem solid var(--theme-public-primary);
}
.layout-digital .asset-list-item {
  border-left: 0.625rem solid var(--theme-digital-primary);
}
.asset-list-item .btn {
  margin-right: 1rem;
  align-self: flex-end;
  display: flex;
  align-items: center;
  padding: 0 1.75rem;
  height: 2.5rem;
  line-height: 3.1;
  border-radius: 2rem;
  border: none;
  color: var(--white);
  width: auto;
}
@media (min-width: 992px) {
  .asset-list-item {
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .asset-list-item h3, .asset-list-item p, .asset-list-item a {
    margin: 0;
  }
}
.asset-list-item i {
  display: inline-block;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 0.5rem;
}
.asset-list-item i.invert.download {
  background-image: url('download.svg?stroke=white');
}

athleta-header {
  display: block;
  position: relative;
  order: -1;
  width: 100%;
  z-index: 10;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

header.header {
  background: var(--white);
  border-bottom: 1px solid var(--gray-600);
}
header.header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header.header .header-logo {
  padding: 0.25rem 0.75rem;
  background-color: var(--white);
}

.help-desk-button {
  display: none;
  align-items: center;
  position: fixed;
  width: 140px;
  height: 35px;
  bottom: 0;
  right: 37px;
  padding: 8px 10px 8px 50px;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.5px;
  background-color: var(--info);
  text-decoration: none;
  z-index: 25;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
  color: var(--white);
}
@media (min-width: 992px) {
  .help-desk-button {
    display: flex;
  }
}
.help-desk-button:hover, .help-desk-button:visited {
  color: var(--white) !important;
}
.help-desk-button .help-desk-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 7px;
  fill: white;
}

.help-desk-link {
  margin-top: 1.25rem;
}

athleta-footer {
  display: block;
  position: relative;
  order: 1;
  width: 100%;
  z-index: 20;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
  athleta-footer {
    display: none;
  }
}
athleta-footer .toolbar-button {
  width: 25%;
}

.footer-imprint-small {
  padding: 0.75rem;
  color: var(--gray-200);
  font-size: 0.75rem;
}
.footer-imprint-small .copyright {
  margin-right: 0.75rem;
}

footer.footer {
  background: var(--gray-100);
  padding: 1.5rem 0;
  color: var(--white);
}
footer.footer .container {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
footer.footer .footer-item {
  width: 100%;
}
footer.footer .footer-item + .footer-item {
  margin-top: 1.25rem;
}
footer.footer .footer-logo .logo {
  margin: 1.5rem auto 0.75rem auto;
}
footer.footer .footer-logo span {
  font-size: 0.625rem;
}
footer.footer .footer-links {
  display: flex;
  flex-flow: row wrap;
}
footer.footer .footer-links ul {
  flex: 1;
  margin-left: 1rem;
}
footer.footer .footer-links ul a {
  color: var(--white);
}
footer.footer .footer-links ul a:hover, footer.footer .footer-links ul a:focus {
  color: var(--gray-300);
}
footer.footer .footer-address {
  font-size: 0.75rem;
  text-align: center;
}
@media (min-width: 992px) {
  footer.footer .container {
    flex-flow: row wrap;
    justify-content: space-between;
  }
  footer.footer .footer-item {
    text-align: left;
    width: auto;
  }
  footer.footer .footer-logo {
    width: 20%;
  }
  footer.footer .footer-logo .logo {
    margin: 0.5rem 0;
  }
  footer.footer .footer-links {
    width: 45%;
  }
  footer.footer .footer-address {
    min-width: 15%;
  }
}
@media (min-width: 992px) {
  footer.footer .footer-logo {
    width: 25%;
  }
}

athleta-content {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  contain: layout size style;
  flex: 1 1;
  width: 100%;
  height: 100%;
  padding: 0 1rem;
  overflow-x: auto;
}
@media (min-width: 992px) {
  athleta-content {
    padding: 0 2rem;
  }
}
athleta-content.elevation {
  box-shadow: -2px 0 10px 0 rgba(0, 0, 0, 0.2);
}
athleta-content.has-background {
  background-color: var(--gray-600);
}
athleta-content.w-50 {
  flex: 0 0 50%;
  max-width: 50%;
}
athleta-content.w-60 {
  flex: 0 0 60%;
  max-width: 60%;
}
athleta-content .header {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  athleta-content .header {
    margin-bottom: 3rem;
  }
}
athleta-content .header > :last-child {
  margin-bottom: 0;
}
athleta-content .header p {
  width: 100%;
}
athleta-content .header .vereins-logo {
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  athleta-content .header .vereins-logo {
    margin-bottom: 0;
    margin-right: 1rem;
  }
}
athleta-header + athleta-content {
  padding: 0 1rem 2rem 1rem;
  align-items: flex-start;
  background-color: var(--gray-600);
}
@media (min-width: 992px) {
  athleta-header + athleta-content {
    padding: 0 1.25rem 2rem 1.25rem;
  }
}
athleta-header + athleta-content > :first-child {
  display: block;
  margin-top: 2rem;
}

.content-container-xs,
.content-container-sm {
  width: 100%;
}
@media (min-width: 992px) {
  .content-container-xs,
  .content-container-sm {
    flex: 1 1;
  }
}

.content-container-xs {
  max-width: 27rem;
}

.content-container-sm {
  max-width: 35rem;
}

.content-header {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
  min-height: 6.5rem;
  width: 100%;
  flex: 0 0;
  position: relative;
}
.content-header .logo-verein360 {
  display: block;
  width: 143px;
  height: 40px;
}
.content-header .btn-back {
  position: absolute;
  top: calc(50% - 1rem);
  left: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .content-header .btn-back {
    display: none;
  }
}

.content-footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 2rem 0;
  min-height: 4rem;
  width: 100%;
  flex: 0 0;
  height: auto;
}
@media (min-width: 992px) {
  .content-footer {
    margin-bottom: 2rem;
    min-height: 6rem;
  }
}
@media (min-width: 992px) {
  .content-footer > :not(:first-child) {
    padding-left: 0.5rem;
  }
}

main.content {
  margin: 2rem 0;
}

athleta-toolbar {
  display: flex;
  box-sizing: border-box;
  padding: 0 1rem;
  width: 100%;
  min-height: 3.5rem;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}
athleta-toolbar.columns {
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
athleta-toolbar.toolbar-items-end {
  align-items: flex-end;
}
athleta-toolbar.toolbar-sm {
  min-height: 3rem;
  height: 3rem;
}
athleta-toolbar.toolbar-error {
  color: var(--white);
  background-color: var(--error);
  fill: var(--white);
}
athleta-toolbar.toolbar-warning {
  color: var(--black);
  background-color: var(--warning);
}
.layout-sport athleta-toolbar a:hover {
  color: inherit;
}
.layout-verein athleta-toolbar a:hover {
  color: inherit;
}
.layout-verband athleta-toolbar a:hover {
  color: inherit;
}
.layout-public athleta-toolbar a:hover {
  color: inherit;
}
.layout-digital athleta-toolbar a:hover {
  color: inherit;
}
@media (min-width: 992px) {
  athleta-toolbar {
    height: 4rem;
    padding: 0 1.25rem;
  }
}
athleta-toolbar-filters athleta-toolbar {
  height: 5rem;
}

.toolbar-background {
  min-height: 15rem;
  justify-content: space-between;
  position: relative;
}
.toolbar-background .toolbar-background-image {
  background-color: var(--gray-600);
}
.toolbar-background .toolbar-background-image, .toolbar-background .toolbar-background-image:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.toolbar-background .toolbar-background-image:after {
  content: "";
  opacity: 0.5;
  background: var(--gray-100);
}
.toolbar-background .toolbar-background-header {
  color: var(--white);
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.toolbar-preview {
  color: var(--black);
  background-color: var(--warning);
  fill: var(--black);
  white-space: normal;
  padding: 1rem;
}
.toolbar-preview .toolbar-headline {
  font-size: var(--font-size-base);
  height: 2.5rem;
  color: var(--gray-100);
  fill: var(--gray-100);
}
@media (min-width: 599px) {
  .toolbar-preview {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 5.5rem;
  }
  .toolbar-preview .toolbar-text {
    text-align: center;
  }
  .toolbar-preview .toolbar-actions {
    display: none;
  }
}
@media (max-width: 598.98px) {
  .toolbar-preview {
    position: absolute;
    top: calc(100% - 7.5rem);
    bottom: 0;
    z-index: 30;
  }
}

.toolbar-spacer {
  flex: 1 1 auto;
}

.toolbar-back {
  display: flex;
  align-items: center;
  text-decoration: none;
  height: 3.5rem;
}
.toolbar-back svg {
  margin-right: 0.5rem;
}

.toolbar-logo .logo-verein360 {
  width: 143px;
  height: 40px;
}

.toolbar-headline {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 3.5rem;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
}

.toolbar-subheadline {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
}

.toolbar-actions {
  position: relative;
  display: flex;
  align-items: center;
}
.toolbar-actions > button + button {
  margin-left: 1rem;
}
@media (min-width: 992px) {
  .toolbar-actions > button + button {
    margin-left: 1.25rem;
  }
}

.toolbar-filter {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
}
.toolbar-filter > button + button {
  margin-left: 0.75rem;
}

.toolbar-button {
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  text-align: center;
  margin: 0;
  padding: 4px 8px;
  background: transparent;
  flex-direction: column;
  align-items: center;
  font-size: var(--font-size-xxs);
  letter-spacing: 0.36px;
  border: 0;
  height: 100%;
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  color: var(--black);
}
.toolbar-button svg {
  fill: currentColor;
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
.toolbar-button.disabled, .toolbar-button:disabled {
  opacity: 0.4;
  color: var(--gray-400);
}
.layout-sport .toolbar-button.active {
  color: var(--theme-sport-primary);
}
.layout-verein .toolbar-button.active {
  color: var(--theme-verein-primary);
}
.layout-verband .toolbar-button.active {
  color: var(--theme-verband-primary);
}
.layout-public .toolbar-button.active {
  color: var(--theme-public-primary);
}
.layout-digital .toolbar-button.active {
  color: var(--theme-digital-primary);
}
.toolbar-button.toolbar-link:hover {
  text-decoration: none;
}
@media (min-width: 992px) {
  .layout-sport .toolbar-button:hover {
    color: var(--theme-sport-primary);
  }
  .layout-verein .toolbar-button:hover {
    color: var(--theme-verein-primary);
  }
  .layout-verband .toolbar-button:hover {
    color: var(--theme-verband-primary);
  }
  .layout-public .toolbar-button:hover {
    color: var(--theme-public-primary);
  }
  .layout-digital .toolbar-button:hover {
    color: var(--theme-digital-primary);
  }
}

athleta-toolbar-search {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  display: flex;
  background: var(--white);
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  z-index: 10;
}
athleta-toolbar-search .form-control {
  position: absolute;
  top: 0;
  height: 2.125rem;
  border-radius: 1.125rem;
}
.layout-sport athleta-toolbar-search .form-control {
  border: 2px solid var(--theme-sport-primary);
}
.layout-verein athleta-toolbar-search .form-control {
  border: 2px solid var(--theme-verein-primary);
}
.layout-verband athleta-toolbar-search .form-control {
  border: 2px solid var(--theme-verband-primary);
}
.layout-public athleta-toolbar-search .form-control {
  border: 2px solid var(--theme-public-primary);
}
.layout-digital athleta-toolbar-search .form-control {
  border: 2px solid var(--theme-digital-primary);
}
athleta-toolbar-search .form-control, athleta-toolbar-search .form-control:focus {
  padding: 0.25rem 0.25rem 0.25rem 2.5rem;
}
athleta-toolbar-search .form-control::placeholder {
  opacity: 1;
}
athleta-toolbar-search .btn-icon,
athleta-toolbar-search .btn-flat {
  position: absolute;
  top: 0;
  z-index: 1;
}
athleta-toolbar-search .btn-icon {
  left: 0;
}
athleta-toolbar-search .btn-flat {
  right: 0;
  border-radius: 1.125rem;
}
athleta-toolbar-search .form-control:not(.has-value) + .btn-flat,
athleta-toolbar-search .form-control:placeholder-shown + .btn-flat {
  opacity: 0;
  visibility: hidden;
}
athleta-toolbar-search.closed {
  opacity: 0;
  width: 36px;
  pointer-events: none;
}
athleta-toolbar-search.closed .form-control {
  width: 36px;
  padding: 0.25rem 0;
}
athleta-toolbar-search.closed .form-control::placeholder {
  opacity: 0;
}

athleta-toolbar-search-mobile {
  display: block;
  width: 100%;
}

.sport-app-toolbar {
  position: relative;
  overflow: hidden;
  height: 8.5rem;
  padding-right: 42px;
}
@media (min-width: 992px) {
  .sport-app-toolbar {
    height: 6rem;
  }
}
.sport-app-toolbar > picture img {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 110%;
}
.sport-app-toolbar .sport-app-toolbar-wrapper {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  height: 100%;
  max-width: 1440px;
  padding: 1.25rem 2.5rem 1.25rem 5rem;
}
@media (min-width: 992px) {
  .sport-app-toolbar .sport-app-toolbar-wrapper {
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0 1.25rem 0 19.5rem;
  }
}
.sport-app-toolbar .sport-app-toolbar-wrapper picture img {
  position: absolute;
  height: 130px;
  left: 0;
  bottom: 0;
}
@media (min-width: 992px) {
  .sport-app-toolbar .sport-app-toolbar-wrapper picture img {
    left: 90px;
    height: 96px;
  }
}
.sport-app-toolbar .sport-app-toolbar-wrapper h2 {
  font-size: 1.5rem;
  color: var(--white);
  margin: 0 0 0.75rem 0;
  text-align: center;
  line-height: 120%;
}
@media (min-width: 992px) {
  .sport-app-toolbar .sport-app-toolbar-wrapper h2 {
    font-size: 2.25rem;
    margin: 0 2.5rem 0 0;
  }
}
.sport-app-toolbar .sport-app-toolbar-wrapper .badges {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-right: 1.75rem;
}
.sport-app-toolbar .sport-app-toolbar-wrapper .badges .has-image a img {
  width: auto;
  height: 32px;
}
@media (min-width: 992px) {
  .sport-app-toolbar .sport-app-toolbar-wrapper .badges .has-image a img {
    height: 40px;
  }
}
.sport-app-toolbar button.close {
  fill: #fff;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  outline: none;
  border: 0;
  background: transparent;
}
@media (min-width: 992px) {
  .sport-app-toolbar button.close {
    top: 5px;
    right: 5px;
  }
}

.sportpakete-toolbar {
  position: relative;
  overflow: hidden;
  height: 8.5rem;
  padding-right: 42px;
}
@media (min-width: 992px) {
  .sportpakete-toolbar {
    height: 6rem;
  }
}
.sportpakete-toolbar > picture img {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 110%;
}
.sportpakete-toolbar .sportpakete-toolbar-wrapper {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  height: 100%;
  max-width: 1440px;
  padding: 1.25rem 2.5rem 1.25rem 5rem;
}
@media (min-width: 992px) {
  .sportpakete-toolbar .sportpakete-toolbar-wrapper {
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0 1.25rem 0 19.5rem;
  }
}
.sportpakete-toolbar .sportpakete-toolbar-wrapper picture img {
  position: absolute;
  height: 130px;
  left: 0;
  bottom: 0;
}
@media (min-width: 992px) {
  .sportpakete-toolbar .sportpakete-toolbar-wrapper picture img {
    left: 90px;
    height: 96px;
  }
}
.sportpakete-toolbar .sportpakete-toolbar-wrapper h2 {
  font-size: 1.5rem;
  color: var(--white);
  margin: 0 0 0.25rem 0;
  text-align: center;
  line-height: 120%;
}
@media (min-width: 992px) {
  .sportpakete-toolbar .sportpakete-toolbar-wrapper h2 {
    font-size: 2.25rem;
    margin: 0 2.5rem 0 0;
  }
}
.sportpakete-toolbar .sportpakete-toolbar-wrapper .badges {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.sportpakete-toolbar .sportpakete-toolbar-wrapper .badges .btn {
  padding: 1px 16px 0 16px;
}
.sportpakete-toolbar button.close {
  fill: #fff;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  outline: none;
  border: 0;
  background: transparent;
}
@media (min-width: 992px) {
  .sportpakete-toolbar button.close {
    top: 5px;
    right: 5px;
  }
}

athleta-sidenav-container {
  display: flex;
  justify-content: space-between;
  contain: layout size style;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
@media (min-width: 992px) {
  athleta-sidenav-container {
    flex-direction: row-reverse;
  }
}

athleta-sidenav-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  width: 100%;
  height: 100%;
  flex: 1;
  overflow-x: hidden;
}
athleta-sidenav-content.row {
  flex-direction: row;
}

athleta-sidenav,
athleta-sidenav-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(100vh - 56px);
  padding: 0.75rem;
  z-index: 15;
  transform: translate3d(-100%, 0, 0);
  will-change: transform;
  transition: all 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
  background: var(--white);
  outline: 0;
  font-size: var(--font-size-base);
}
@media (min-width: 992px) {
  athleta-sidenav,
  athleta-sidenav-menu {
    box-shadow: 2px 0 12px 0 rgba(0, 0, 0, 0.2);
    width: 270px;
    height: 100vh;
  }
}

@media (min-width: 992px) {
  athleta-sidenav {
    position: relative;
    transform: none;
  }
}
athleta-sidenav > .menu {
  border-top: 1px solid var(--gray-400);
}
athleta-sidenav .sidenav-logo {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  transition: all 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
  padding: 0.75rem 1.75rem;
  will-change: padding;
}
@media (min-width: 992px) {
  athleta-sidenav .sidenav-logo {
    display: flex;
  }
}
athleta-sidenav .sidenav-logo athleta-logo {
  display: block;
  height: 42px;
  transition: all 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
  will-change: transform;
  transform: translate3d(0, 0, 0);
}
athleta-sidenav .sidenav-logo athleta-logo.logo-verein360 {
  width: 150px;
}
athleta-sidenav .sidenav-logo athleta-logo.logo-verein360 svg {
  width: 100%;
  height: 100%;
}
athleta-sidenav .btn-mini-fab {
  display: none;
  position: absolute;
  right: -1.25rem;
  bottom: 1.75rem;
  z-index: 20;
}
@media (min-width: 992px) {
  athleta-sidenav .btn-mini-fab {
    display: inline-block;
  }
}
athleta-sidenav .btn-mini-fab svg {
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  transform: rotate(0);
}
athleta-sidenav.open {
  transform: none;
  transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
athleta-sidenav.open .btn-mini-fab svg {
  transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: rotate(180deg);
}
@media (min-width: 992px) {
  athleta-sidenav.small {
    width: 72px;
  }
  athleta-sidenav.small .sidenav-logo {
    padding: 0.75rem 0.35rem;
  }
  athleta-sidenav.small athleta-logo.logo-verein360 {
    width: 100px;
    height: 28px;
    margin-bottom: 0.25rem;
    transform: translate3d(-62px, 0, 0);
  }
  athleta-sidenav.small .btn-mini-fab svg {
    transform: rotate(180deg);
  }
  athleta-sidenav.small .menu-item:hover .menu-item-label {
    position: absolute;
    left: calc(100% + 1.25rem);
    top: calc(50% - 1rem);
    line-height: 1rem;
    border-radius: 1rem;
    padding: 0.5rem 1.25rem;
    letter-spacing: 0.8px;
    font-weight: bold;
    font-size: var(--font-size-xs);
    background-color: var(--gray-100);
  }
  .layout-sport athleta-sidenav.small .menu-item:hover .menu-item-label {
    color: var(--white);
  }
  .layout-verein athleta-sidenav.small .menu-item:hover .menu-item-label {
    color: var(--white);
  }
  .layout-verband athleta-sidenav.small .menu-item:hover .menu-item-label {
    color: var(--white);
  }
  .layout-public athleta-sidenav.small .menu-item:hover .menu-item-label {
    color: var(--white);
  }
  .layout-digital athleta-sidenav.small .menu-item:hover .menu-item-label {
    color: var(--white);
  }
  athleta-sidenav.small .menu-item.has-submenu:after {
    display: none;
  }
}
athleta-sidenav .menu-link {
  color: var(--gray-200);
  font-size: 0.75rem;
  padding: 0.1rem 1rem;
}
athleta-sidenav .menu-link.dsgvo {
  margin-top: auto;
}

@media (min-width: 992px) {
  athleta-sidenav-menu {
    padding: 1.5rem 1.5rem;
  }
}
athleta-sidenav-menu.open {
  transform: translate3d(0, 0, 0);
}
@media (min-width: 992px) {
  athleta-sidenav-menu .menu-item-back {
    margin: 0 -0.75rem 1.5rem -0.75rem;
  }
}
athleta-sidenav-menu .menu {
  border-top: 1px solid #dfe3e6;
}
@media (min-width: 992px) {
  athleta-sidenav-menu .menu {
    border-top: none;
  }
}
athleta-sidenav-menu .menu-headline {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

athleta-account-button {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.75rem 2.25rem 0.75rem 4.5rem;
  margin: -0.75rem -0.75rem 0 -0.75rem;
  height: 4.5rem;
  justify-content: center;
  cursor: pointer;
}
athleta-account-button .vereins-logo {
  position: absolute;
  top: calc(50% - 1.5rem);
  left: 0.75rem;
}
athleta-account-button .username,
athleta-account-button .vereins-name {
  font-size: var(--font-size-xs);
  line-height: 1rem;
  min-height: 1rem;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
athleta-account-button .vereins-name {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0.25rem;
}
athleta-account-button .username {
  color: var(--gray-200);
}
athleta-account-button .account-button {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: calc(50% - 0.5rem);
  right: 0.75rem;
  fill: var(--gray-300);
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  transform: rotate(0);
  will-change: transform;
  opacity: 1;
}
athleta-account-button.open .account-button {
  transform: rotate(180deg);
}
.small athleta-account-button:after {
  opacity: 0;
}

athleta-account-menu {
  display: block;
  position: absolute;
  top: 4.5rem;
  left: 0;
  padding: 0 0.75rem;
  width: 100vw;
  background-color: var(--white);
  z-index: 20;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  transform: scaleY(0.8);
  transform-origin: 50% 0 0;
  transition: transform 0ms 125ms linear, opacity 100ms 25ms linear;
  opacity: 0;
  outline: 0;
}
@media (min-width: 992px) {
  athleta-account-menu {
    width: 270px;
  }
}
athleta-account-menu.open {
  transform: scaleY(1);
  transition: transform 120ms cubic-bezier(0, 0, 0.2, 1), opacity 120ms cubic-bezier(0, 0, 0.2, 1);
  opacity: 1;
}
athleta-account-menu:not(.open) {
  pointer-events: none;
}

.menu {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0.75rem 0;
}

.menu-item {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.75rem;
  font-size: 1.125rem;
  cursor: pointer;
  text-decoration: none;
}
@media (min-width: 992px) {
  .menu-item {
    padding: 0.5rem 0.75rem;
    height: 2.5rem;
    font-size: 1rem;
  }
}
.menu-item:hover {
  text-decoration: none;
  background-color: var(--gray-600);
}
.layout-sport .menu-item:hover {
  color: var(--black);
}
.layout-verein .menu-item:hover {
  color: var(--black);
}
.layout-verband .menu-item:hover {
  color: var(--black);
}
.layout-public .menu-item:hover {
  color: var(--black);
}
.layout-digital .menu-item:hover {
  color: var(--black);
}
.menu-item .menu-item-icon {
  fill: var(--gray-100);
  position: absolute;
  left: 0.75rem;
  top: calc(50% - 0.75rem);
  width: 1.5rem;
  height: 1.5rem;
}
.menu-item .menu-item-submenu-icon {
  fill: var(--gray-300) !important;
  position: absolute;
  right: 0;
  top: calc(50% - 0.5rem);
  width: 1rem;
  height: 1rem;
}
.layout-sport .menu-item.active, .layout-sport .menu-item.active:hover {
  color: var(--theme-color);
}
.layout-sport .menu-item.active svg, .layout-sport .menu-item.active:hover svg {
  fill: var(--theme-color);
}
.layout-verein .menu-item.active, .layout-verein .menu-item.active:hover {
  color: var(--theme-color);
}
.layout-verein .menu-item.active svg, .layout-verein .menu-item.active:hover svg {
  fill: var(--theme-color);
}
.layout-verband .menu-item.active, .layout-verband .menu-item.active:hover {
  color: var(--theme-color);
}
.layout-verband .menu-item.active svg, .layout-verband .menu-item.active:hover svg {
  fill: var(--theme-color);
}
.layout-public .menu-item.active, .layout-public .menu-item.active:hover {
  color: var(--theme-color);
}
.layout-public .menu-item.active svg, .layout-public .menu-item.active:hover svg {
  fill: var(--theme-color);
}
.layout-digital .menu-item.active, .layout-digital .menu-item.active:hover {
  color: var(--theme-color);
}
.layout-digital .menu-item.active svg, .layout-digital .menu-item.active:hover svg {
  fill: var(--theme-color);
}
.menu-item.has-icon {
  padding-left: 3rem;
}
.menu-item.has-icon.external {
  color: var(--secondary-200);
}
.menu-item.has-icon.external svg {
  fill: var(--secondary-200);
}

.menu-item-label {
  overflow: hidden;
  white-space: nowrap;
}

.menu-spacer {
  display: block;
  background-color: var(--gray-400);
  height: 1px;
  margin: 1.25rem 0;
}

.menu-headline,
.menu-subheadline {
  display: block;
  color: var(--gray-200);
  font-size: var(--font-size-sm);
  padding: 0.5rem 0;
}

.menu-subheadline {
  font-size: var(--font-size-xs);
}

.menu-item-btn {
  border-color: var(--black);
  text-align: left;
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
}
.layout-sport .menu-item-btn {
  color: var(--black);
}
.layout-verein .menu-item-btn {
  color: var(--black);
}
.layout-verband .menu-item-btn {
  color: var(--black);
}
.layout-public .menu-item-btn {
  color: var(--black);
}
.layout-digital .menu-item-btn {
  color: var(--black);
}
.menu-item-btn svg {
  margin-right: 0.5rem;
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
.menu-item-btn:hover, .menu-item-btn.active {
  text-decoration: none;
}
.menu-item-btn:hover svg, .menu-item-btn.active svg {
  fill: var(--black);
}
.menu-item-btn.sport:hover, .menu-item-btn.sport.active {
  color: var(--white);
  border-color: var(--theme-sport-primary);
  background-color: var(--theme-sport-primary);
}
.menu-item-btn.sport:hover svg, .menu-item-btn.sport.active svg {
  fill: var(--white);
}
.menu-item-btn.verein:hover, .menu-item-btn.verein.active {
  color: var(--white);
  border-color: var(--theme-verein-primary);
  background-color: var(--theme-verein-primary);
}
.menu-item-btn.verein:hover svg, .menu-item-btn.verein.active svg {
  fill: var(--white);
}
.menu-item-btn.verband:hover, .menu-item-btn.verband.active {
  color: var(--white);
  border-color: var(--theme-verband-primary);
  background-color: var(--theme-verband-primary);
}
.menu-item-btn.verband:hover svg, .menu-item-btn.verband.active svg {
  fill: var(--white);
}
.menu-item-btn.public:hover, .menu-item-btn.public.active {
  color: var(--white);
  border-color: var(--theme-public-primary);
  background-color: var(--theme-public-primary);
}
.menu-item-btn.public:hover svg, .menu-item-btn.public.active svg {
  fill: var(--white);
}
.menu-item-btn.digital:hover, .menu-item-btn.digital.active {
  color: var(--white);
  border-color: var(--theme-digital-primary);
  background-color: var(--theme-digital-primary);
}
.menu-item-btn.digital:hover svg, .menu-item-btn.digital.active svg {
  fill: var(--white);
}
.menu-item-btn + .menu-item-btn {
  margin-top: 0.75rem;
}

.menu-item-back {
  display: flex;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.menu-item-back:hover {
  text-decoration: none;
}
.menu-item-back svg {
  fill: currentColor;
  margin-right: 0.5rem;
}

.mat-menu-panel,
.mat-mdc-menu-panel {
  min-width: 112px;
  max-width: 280px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-height: calc(100vh - 2.25rem);
  border-radius: 0.25rem;
  outline: 0;
  min-height: 2.2rem !important;
  background: var(--white);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-menu-panel .mat-menu-content:not(:empty),
.mat-menu-panel .mat-mdc-menu-content:not(:empty),
.mat-mdc-menu-panel .mat-menu-content:not(:empty),
.mat-mdc-menu-panel .mat-mdc-menu-content:not(:empty) {
  padding: 0;
}
.mat-menu-panel .mat-menu-item,
.mat-menu-panel .mat-mdc-menu-item,
.mat-mdc-menu-panel .mat-menu-item,
.mat-mdc-menu-panel .mat-mdc-menu-item {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: 0;
  border: none;
  -webkit-tap-highlight-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--font-size-sm);
  text-align: left;
  text-decoration: none;
  padding: 0 0.75rem;
  max-width: 100%;
  position: relative;
  background: var(--gray-500);
  color: var(--black);
  min-height: 2.25rem;
  display: flex;
  align-items: center;
}
.mat-menu-panel .mat-menu-item:not(:last-of-type),
.mat-menu-panel .mat-mdc-menu-item:not(:last-of-type),
.mat-mdc-menu-panel .mat-menu-item:not(:last-of-type),
.mat-mdc-menu-panel .mat-mdc-menu-item:not(:last-of-type) {
  border-bottom: 1px solid #dfe3e6;
}
.mat-menu-panel .mat-menu-item svg,
.mat-menu-panel .mat-mdc-menu-item svg,
.mat-mdc-menu-panel .mat-menu-item svg,
.mat-mdc-menu-panel .mat-mdc-menu-item svg {
  fill: currentColor;
  margin-right: 0.5rem;
}
.mat-menu-panel .mat-menu-item.disabled, .mat-menu-panel .mat-menu-item.disabled:after, .mat-menu-panel .mat-menu-item[disabled], .mat-menu-panel .mat-menu-item[disabled]:after,
.mat-menu-panel .mat-mdc-menu-item.disabled,
.mat-menu-panel .mat-mdc-menu-item.disabled:after,
.mat-menu-panel .mat-mdc-menu-item[disabled],
.mat-menu-panel .mat-mdc-menu-item[disabled]:after,
.mat-mdc-menu-panel .mat-menu-item.disabled,
.mat-mdc-menu-panel .mat-menu-item.disabled:after,
.mat-mdc-menu-panel .mat-menu-item[disabled],
.mat-mdc-menu-panel .mat-menu-item[disabled]:after,
.mat-mdc-menu-panel .mat-mdc-menu-item.disabled,
.mat-mdc-menu-panel .mat-mdc-menu-item.disabled:after,
.mat-mdc-menu-panel .mat-mdc-menu-item[disabled],
.mat-mdc-menu-panel .mat-mdc-menu-item[disabled]:after {
  opacity: 0.4;
}
.mat-menu-panel .mat-menu-item:hover,
.mat-menu-panel .mat-mdc-menu-item:hover,
.mat-mdc-menu-panel .mat-menu-item:hover,
.mat-mdc-menu-panel .mat-mdc-menu-item:hover {
  background-color: var(--gray-600) !important;
}
.mat-menu-panel button.mat-menu-item,
.mat-menu-panel button.mat-mdc-menu-item,
.mat-mdc-menu-panel button.mat-menu-item,
.mat-mdc-menu-panel button.mat-mdc-menu-item {
  width: 100%;
}

.alert {
  padding: 1rem;
  border-radius: 4px;
  margin-bottom: 1.25rem;
}
.alert > :last-child {
  margin-bottom: 0;
}

.alert-warning {
  color: var(--black);
  background-color: var(--warning);
}

.alert-info {
  color: var(--white);
  background-color: var(--info);
}

.alert-info-light {
  color: var(--black);
  background-color: var(--secondary-600);
}

.alert-success {
  color: var(--white);
  background-color: var(--success);
}

.alert-error {
  color: var(--white);
  background-color: var(--error);
}

@keyframes dotPulseBefore {
  0% {
    box-shadow: 9977px 0 0 -0.375rem #fff;
  }
  30% {
    box-shadow: 9977px 0 0 2px #fff;
  }
  60%, 100% {
    box-shadow: 9977px 0 0 -0.375rem #fff;
  }
}
@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -0.375rem #fff;
  }
  30% {
    box-shadow: 9999px 0 0 2px #fff;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -0.375rem #fff;
  }
}
@keyframes dotPulseAfter {
  0% {
    box-shadow: 10009px 0 0 -0.375rem #fff;
  }
  30% {
    box-shadow: 10009px 0 0 2px #fff;
  }
  60%, 100% {
    box-shadow: 10009px 0 0 -0.375rem #fff;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0;
  }
  100% {
    background-position: 800px 0;
  }
}
.loading-dot-pulse {
  display: inline-block;
  position: relative;
  left: -9999px;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.375rem;
  background-color: #fff;
  color: #fff;
  box-shadow: 9999px 0 0 -0.375rem #fff;
  animation: dotPulse 1.5s infinite linear;
  animation-delay: 0.25s;
}
.loading-dot-pulse:before, .loading-dot-pulse:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.375rem;
  background-color: #fff;
  color: #fff;
}
.loading-dot-pulse:before {
  box-shadow: 9977px 0 0 -0.375rem #fff;
  animation: dotPulseBefore 1.5s infinite linear;
  animation-delay: 0s;
}
.loading-dot-pulse:after {
  box-shadow: 10009px 0 0 -0.375rem #fff;
  animation: dotPulseAfter 1.5s infinite linear;
  animation-delay: 0.5s;
}

.loading-text-shimmer {
  display: inline-block;
  width: 80px;
  height: 1rem;
  vertical-align: middle;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: var(--gray-600) linear-gradient(to right, var(--gray-600) 8%, var(--gray-400) 18%, var(--gray-600) 33%);
  background-size: 800px 104px;
}

.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: calc(100vh - 20px);
  background: transparent;
  overflow: hidden;
  border: none;
  border-radius: 0.25rem;
}
.cdk-overlay-pane:empty,
.cdk-overlay-pane .mat-mdc-autocomplete-panel:empty {
  display: none;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.mat-dialog-container,
.mat-mdc-dialog-container {
  display: block;
  padding: 1.5rem;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: auto;
  outline: 0;
  width: 100%;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
  background: var(--white);
}
.mat-dialog-container verein360-loading-overlay,
.mat-mdc-dialog-container verein360-loading-overlay {
  margin: -1.5rem !important;
  width: calc(100% + 3rem) !important;
  height: calc(100% + 3rem) !important;
}
.mat-dialog-container .mat-dialog-headline,
.mat-dialog-container .mat-mdc-dialog-headline,
.mat-mdc-dialog-container .mat-dialog-headline,
.mat-mdc-dialog-container .mat-mdc-dialog-headline {
  text-align: center;
  font-weight: bold;
  font-size: var(--h4-font-size);
  font-family: var(--font-family-poppins);
}
@media (min-width: 992px) {
  .mat-dialog-container .mat-dialog-headline,
  .mat-dialog-container .mat-mdc-dialog-headline,
  .mat-mdc-dialog-container .mat-dialog-headline,
  .mat-mdc-dialog-container .mat-mdc-dialog-headline {
    font-size: var(--h2-font-size);
  }
}
.mat-dialog-container .mat-dialog-title,
.mat-dialog-container .mat-mdc-dialog-title,
.mat-mdc-dialog-container .mat-dialog-title,
.mat-mdc-dialog-container .mat-mdc-dialog-title {
  position: relative;
  font-family: var(--font-family-base) !important;
}
.mat-dialog-container .mat-dialog-title::before,
.mat-dialog-container .mat-mdc-dialog-title::before,
.mat-mdc-dialog-container .mat-dialog-title::before,
.mat-mdc-dialog-container .mat-mdc-dialog-title::before {
  display: none;
}
@media (max-width: 991.98px) {
  .mat-dialog-container .mat-dialog-title,
  .mat-dialog-container .mat-mdc-dialog-title,
  .mat-mdc-dialog-container .mat-dialog-title,
  .mat-mdc-dialog-container .mat-mdc-dialog-title {
    padding: 1rem;
    margin: -1.5rem -1.5rem 1.25rem -1.5rem;
    background: var(--white);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 992px) {
  .mat-dialog-container .mat-dialog-title,
  .mat-dialog-container .mat-mdc-dialog-title,
  .mat-mdc-dialog-container .mat-dialog-title,
  .mat-mdc-dialog-container .mat-mdc-dialog-title {
    padding-top: 3.5rem;
  }
}
.mat-dialog-container .mat-dialog-title > :last-child,
.mat-dialog-container .mat-mdc-dialog-title > :last-child,
.mat-mdc-dialog-container .mat-dialog-title > :last-child,
.mat-mdc-dialog-container .mat-mdc-dialog-title > :last-child {
  margin-bottom: 0;
}
.mat-dialog-container .mat-dialog-title .progess-indicators,
.mat-dialog-container .mat-mdc-dialog-title .progess-indicators,
.mat-mdc-dialog-container .mat-dialog-title .progess-indicators,
.mat-mdc-dialog-container .mat-mdc-dialog-title .progess-indicators {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 991.98px) {
  .mat-dialog-container .mat-dialog-title .progess-indicators,
  .mat-dialog-container .mat-mdc-dialog-title .progess-indicators,
  .mat-mdc-dialog-container .mat-dialog-title .progess-indicators,
  .mat-mdc-dialog-container .mat-mdc-dialog-title .progess-indicators {
    display: none;
  }
}
.mat-dialog-container .mat-dialog-content,
.mat-dialog-container .mat-mdc-dialog-content,
.mat-mdc-dialog-container .mat-dialog-content,
.mat-mdc-dialog-container .mat-mdc-dialog-content {
  display: flex;
  color: black !important;
  font-family: var(--font-family-base) !important;
  flex-direction: column;
  margin: 0 -24px;
  padding: 0 24px;
  max-height: none;
  flex: 1 1;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 992px) {
  .mat-dialog-container .mat-dialog-content,
  .mat-dialog-container .mat-mdc-dialog-content,
  .mat-mdc-dialog-container .mat-dialog-content,
  .mat-mdc-dialog-container .mat-mdc-dialog-content {
    margin: 0 auto;
    width: 100%;
    max-width: 460px;
  }
}
.mat-dialog-container .mat-dialog-actions,
.mat-dialog-container .mat-mdc-dialog-actions,
.mat-mdc-dialog-container .mat-dialog-actions,
.mat-mdc-dialog-container .mat-mdc-dialog-actions {
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-wrap: wrap;
  min-height: 72px;
  align-items: center;
  justify-content: space-around;
  margin: 0 -1.5rem -1.5rem -1.5rem;
  border-radius: 0 0 8px 8px;
  background: var(--white);
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.2);
}
.mat-dialog-container .mat-mdc-dialog-surface,
.mat-mdc-dialog-container .mat-mdc-dialog-surface {
  box-shadow: none;
  overflow: unset;
}
.mat-dialog-container .mat-mdc-dialog-content button,
.mat-mdc-dialog-container .mat-mdc-dialog-content button {
  margin: 2.5rem auto 0 auto;
}
.mat-dialog-container .divider-wrapper,
.mat-mdc-dialog-container .divider-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--gray-200);
}
.mat-dialog-container .divider-wrapper hr,
.mat-mdc-dialog-container .divider-wrapper hr {
  width: 100%;
  border: none;
  border-bottom: solid 1px var(--gray-200);
}
.mat-dialog-container .divider-wrapper .divider-text,
.mat-mdc-dialog-container .divider-wrapper .divider-text {
  display: contents;
  background: white;
  padding: 0 10px;
  font-size: 0.875rem;
}
.mat-dialog-container .divider-wrapper .divider-text::before,
.mat-dialog-container .divider-wrapper .divider-text::after,
.mat-mdc-dialog-container .divider-wrapper .divider-text::before,
.mat-mdc-dialog-container .divider-wrapper .divider-text::after {
  content: "";
  width: 100%;
  background: #dfe3e6;
  height: 1px;
}
.mat-dialog-container .divider-wrapper .divider-text::before,
.mat-mdc-dialog-container .divider-wrapper .divider-text::before {
  margin-right: 0.5rem;
}
.mat-dialog-container .divider-wrapper .divider-text::after,
.mat-mdc-dialog-container .divider-wrapper .divider-text::after {
  margin-left: 0.5rem;
}

.mat-snack-bar-container,
.mat-mdc-snack-bar-container {
  border-radius: 0.25rem;
  box-sizing: border-box;
  display: block;
  margin: 1.5rem;
  max-width: 33vw;
  min-width: 344px;
  padding: 14px 16px;
  min-height: 48px;
  transform-origin: center;
  color: var(--white);
  background-color: var(--gray-100);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
}
@media (-ms-high-contrast: active) {
  .mat-snack-bar-container,
  .mat-mdc-snack-bar-container {
    border: solid 1px;
  }
}

.mat-snack-bar-handset,
.mat-mdc-snack-bar-handset {
  width: 100%;
}
.mat-snack-bar-handset .mat-snack-bar-container,
.mat-snack-bar-handset .mat-mdc-snack-bar-container,
.mat-mdc-snack-bar-handset .mat-snack-bar-container,
.mat-mdc-snack-bar-handset .mat-mdc-snack-bar-container {
  margin: 0.5rem;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.mat-simple-snackbar,
.mat-mdc-simple-snack-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  font-size: var(--font-size-sm);
  line-height: 1.25rem;
  opacity: 1;
}

.mat-mdc-snack-bar-actions,
.mat-simple-snackbar-action {
  flex-shrink: 0;
  margin: 0.5rem;
  color: var(--secondary-300) !important;
}
.mat-mdc-snack-bar-actions button,
.mat-simple-snackbar-action button {
  min-width: 0;
  --mat-text-button-state-layer-color: secondary("300") !important;
}
.mat-mdc-snack-bar-actions button:hover,
.mat-simple-snackbar-action button:hover {
  color: white !important;
  background-color: var(--secondary-300) !important;
}
[dir=rtl] .mat-mdc-snack-bar-actions,
[dir=rtl] .mat-simple-snackbar-action {
  margin-left: -0.5rem;
  margin-right: 0.5rem;
}

.mat-mdc-snack-bar-container {
  padding: 0;
}

.progess-indicators {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.progess-indicators li {
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
  margin: 0.25rem;
  cursor: pointer;
  border-radius: 100%;
  background-color: transparent;
  border: 1px solid var(--gray-300);
}
.progess-indicators li.active {
  background-color: var(--gray-300);
}

.step-indicators {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 2rem 0;
  padding: 0;
  text-align: center;
  list-style: none;
  width: 100%;
  max-width: 40rem;
  font-size: var(--font-size-lg);
}
.step-indicators li {
  display: inline-block;
  position: relative;
  padding-left: 2.75rem;
}
.layout-sport .step-indicators li {
  color: var(--theme-sport-primary);
}
.layout-verein .step-indicators li {
  color: var(--theme-verein-primary);
}
.layout-verband .step-indicators li {
  color: var(--theme-verband-primary);
}
.layout-public .step-indicators li {
  color: var(--theme-public-primary);
}
.layout-digital .step-indicators li {
  color: var(--theme-digital-primary);
}
.step-indicators li:before {
  content: attr(data-step);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.75rem;
  position: absolute;
  left: 0;
  top: calc(50% - 1.125rem);
  border-radius: 50%;
  font-weight: bold;
}
.layout-sport .step-indicators li:before {
  border: 1px solid var(--theme-sport-primary);
}
.layout-verein .step-indicators li:before {
  border: 1px solid var(--theme-verein-primary);
}
.layout-verband .step-indicators li:before {
  border: 1px solid var(--theme-verband-primary);
}
.layout-public .step-indicators li:before {
  border: 1px solid var(--theme-public-primary);
}
.layout-digital .step-indicators li:before {
  border: 1px solid var(--theme-digital-primary);
}
.layout-sport .step-indicators li.active:before {
  background: var(--theme-sport-primary);
  color: white;
}
.layout-verein .step-indicators li.active:before {
  background: var(--theme-verein-primary);
  color: white;
}
.layout-verband .step-indicators li.active:before {
  background: var(--theme-verband-primary);
  color: white;
}
.layout-public .step-indicators li.active:before {
  background: var(--theme-public-primary);
  color: white;
}
.layout-digital .step-indicators li.active:before {
  background: var(--theme-digital-primary);
  color: white;
}

@keyframes placeholderAnimate {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.placeholder {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeholderAnimate;
  animation-timing-function: linear;
  background: #f6f7f8 linear-gradient(90deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%) no-repeat;
  background-size: 800px 104px;
  text-indent: -999px;
}

.pagination {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.page-more,
.page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
}

.page-link {
  color: var(--gray-200);
  background: var(--white) center center no-repeat;
  border-radius: 0.25rem;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
.page-link:hover {
  background-color: var(--gray-400);
  text-decoration: none;
}
.layout-sport .page-link:hover {
  color: var(--gray-200);
}
.layout-verein .page-link:hover {
  color: var(--gray-200);
}
.layout-verband .page-link:hover {
  color: var(--gray-200);
}
.layout-public .page-link:hover {
  color: var(--gray-200);
}
.layout-digital .page-link:hover {
  color: var(--gray-200);
}

.page-item:not(:first-child) {
  margin-left: 0.25rem;
}
.page-item:first-child .page-link, .page-item:last-child .page-link {
  transform: rotate(90deg);
  background-size: 1rem;
}
.page-item:first-child .page-link svg, .page-item:last-child .page-link svg {
  width: 1rem;
  height: 1rem;
  fill: var(--gray-100);
}
.page-item:last-child .page-link {
  transform: rotate(270deg);
}
.page-item.active .page-link {
  color: var(--white);
  background: var(--gray-200);
}
.page-item.disabled .page-link {
  opacity: 0.25;
  pointer-events: none;
}
.page-item.disabled .page-link:hover {
  background-color: var(--white);
}

athleta-paginator {
  display: block;
  font-size: var(--font-size-sm);
  color: var(--gray-200);
  width: 100%;
}

.paginator-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap-reverse;
  width: 100%;
  height: 56px;
  position: relative;
}

.paginator-page-size {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: calc(50% - 0.75rem);
}

.paginator-page-size-label {
  margin: 0 4px;
}

.paginator-page-size-select {
  border: 1px solid var(--gray-300);
  width: 4rem;
  border-radius: 0.25rem;
}
.paginator-page-size-select .mat-mdc-select,
.paginator-page-size-select .mat-select {
  padding: 0 0.5rem;
}

.mat-mdc-progress-spinner,
.mat-progress-spinner {
  border-radius: 50%;
  background: var(--secondary-200);
}
.mat-mdc-progress-spinner svg,
.mat-progress-spinner svg {
  padding: 0.5rem;
}
.mat-mdc-progress-spinner circle,
.mat-progress-spinner circle {
  stroke: var(--white);
}

.loading-shade {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.67);
  z-index: 101;
}
.loading-shade .mat-mdc-progress-spinner,
.loading-shade .mat-progress-spinner {
  opacity: 0.3;
}

.badge {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: bold;
  line-height: 1rem;
  text-align: center;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  color: var(--gray-200);
  background: var(--gray-500);
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.badge.secondary {
  color: var(--white);
  background: var(--secondary-200);
}
.badge.warning {
  color: var(--black);
  background: var(--warning);
}

.badge-lg {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}

.filter-multiselect-panel {
  background: var(--gray-500);
}
.filter-multiselect-panel .mat-options,
.filter-multiselect-panel .mat-mdc-options {
  padding: 0.5rem;
}
.filter-multiselect-panel .mat-option,
.filter-multiselect-panel .mat-mdc-option {
  font-size: var(--font-size-sm);
  line-height: 2.25rem;
  height: 2.25rem;
  border-radius: 0.25rem;
  background: var(--white);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.filter-multiselect-panel .mat-option.mat-selected:not(.mat-option-disabled), .filter-multiselect-panel .mat-option.mat-mdc-selected:not(.mat-mdc-option-disabled),
.filter-multiselect-panel .mat-mdc-option.mat-selected:not(.mat-option-disabled),
.filter-multiselect-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-disabled) {
  background: var(--secondary-200);
}
.layout-sport .filter-multiselect-panel .mat-option.mat-selected:not(.mat-option-disabled), .layout-sport .filter-multiselect-panel .mat-option.mat-mdc-selected:not(.mat-mdc-option-disabled),
.layout-sport .filter-multiselect-panel .mat-mdc-option.mat-selected:not(.mat-option-disabled),
.layout-sport .filter-multiselect-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-disabled) {
  color: var(--white);
}
.layout-verein .filter-multiselect-panel .mat-option.mat-selected:not(.mat-option-disabled), .layout-verein .filter-multiselect-panel .mat-option.mat-mdc-selected:not(.mat-mdc-option-disabled),
.layout-verein .filter-multiselect-panel .mat-mdc-option.mat-selected:not(.mat-option-disabled),
.layout-verein .filter-multiselect-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-disabled) {
  color: var(--white);
}
.layout-verband .filter-multiselect-panel .mat-option.mat-selected:not(.mat-option-disabled), .layout-verband .filter-multiselect-panel .mat-option.mat-mdc-selected:not(.mat-mdc-option-disabled),
.layout-verband .filter-multiselect-panel .mat-mdc-option.mat-selected:not(.mat-option-disabled),
.layout-verband .filter-multiselect-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-disabled) {
  color: var(--white);
}
.layout-public .filter-multiselect-panel .mat-option.mat-selected:not(.mat-option-disabled), .layout-public .filter-multiselect-panel .mat-option.mat-mdc-selected:not(.mat-mdc-option-disabled),
.layout-public .filter-multiselect-panel .mat-mdc-option.mat-selected:not(.mat-option-disabled),
.layout-public .filter-multiselect-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-disabled) {
  color: var(--white);
}
.layout-digital .filter-multiselect-panel .mat-option.mat-selected:not(.mat-option-disabled), .layout-digital .filter-multiselect-panel .mat-option.mat-mdc-selected:not(.mat-mdc-option-disabled),
.layout-digital .filter-multiselect-panel .mat-mdc-option.mat-selected:not(.mat-option-disabled),
.layout-digital .filter-multiselect-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-disabled) {
  color: var(--white);
}
.filter-multiselect-panel .mat-option + .mat-option,
.filter-multiselect-panel .mat-mdc-option + .mat-mdc-option {
  margin-top: 0.5rem;
}

.filter-rangeslider-panel .input-group {
  padding: 0.5rem;
  margin-bottom: 0.25rem;
}
.filter-rangeslider-panel .form-control {
  text-align: center;
  padding: 0 1rem;
  height: 1.75rem;
  line-height: 1.75rem;
  border-radius: 0;
}
.filter-rangeslider-panel .mat-slider,
.filter-rangeslider-panel .mat-mdc-slider {
  margin: 0 0.5rem;
  width: calc(100% - 1rem);
}

.filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 3.5em;
  height: 3.5em;
  border-bottom: 1px solid var(--gray-500);
  font-size: var(--font-size-sm);
  margin: 0 0 0.75rem 0;
  padding: 0.5rem;
  background: var(--white);
}
.filter-header .filter-reset {
  letter-spacing: 0.55px;
  font-weight: bold;
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

.mat-slider,
.mat-mdc-slider {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 0.5rem;
  outline: none;
  vertical-align: middle;
}

.mat-slider-wrapper,
.mat-mdc-slider-wrapper {
  position: absolute;
}

.mat-slider-track-wrapper,
.mat-mdc-slider-track-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.mat-slider-track-fill,
.mat-mdc-slider-track-fill {
  position: absolute;
  transform-origin: 0 0;
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  background-color: var(--secondary-200);
}

.mat-slider-track-background,
.mat-mdc-slider-track-background {
  position: absolute;
  transform-origin: 100% 100%;
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  background-color: var(--gray-400);
}

.mat-slider-ticks-container,
.mat-mdc-slider-ticks-container {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.mat-slider-ticks,
.mat-mdc-slider-ticks {
  background-repeat: repeat;
  background-clip: content-box;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mat-slider-thumb-container,
.mat-mdc-slider-thumb-container {
  position: absolute;
  z-index: 1;
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mat-slider-focus-ring,
.mat-mdc-slider-focus-ring {
  position: absolute;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mat-slider.cdk-keyboard-focused .mat-slider-focus-ring, .mat-mdc-slider.cdk-keyboard-focused .mat-slider-focus-ring, .mat-slider.cdk-program-focused .mat-slider-focus-ring, .mat-mdc-slider.cdk-program-focused .mat-slider-focus-ring,
.mat-slider.cdk-keyboard-focused .mat-mdc-slider-focus-ring,
.mat-mdc-slider.cdk-keyboard-focused .mat-mdc-slider-focus-ring,
.mat-slider.cdk-program-focused .mat-mdc-slider-focus-ring,
.mat-mdc-slider.cdk-program-focused .mat-mdc-slider-focus-ring {
  transform: scale(1);
  opacity: 1;
}

.mat-slider:not(.mat-slider-disabled) .mat-slider-thumb-label,
.mat-slider:not(.mat-slider-disabled) .mat-mdc-slider-thumb-label, .mat-slider:not(.mat-slider-disabled) .mat-slider-thumb,
.mat-slider:not(.mat-slider-disabled) .mat-mdc-slider-thumb, .mat-mdc-slider:not(.mat-mdc-slider-disabled) .mat-slider-thumb-label,
.mat-mdc-slider:not(.mat-mdc-slider-disabled) .mat-mdc-slider-thumb-label, .mat-mdc-slider:not(.mat-mdc-slider-disabled) .mat-slider-thumb,
.mat-mdc-slider:not(.mat-mdc-slider-disabled) .mat-mdc-slider-thumb {
  cursor: grab;
}
.mat-slider:not(.mat-slider-disabled) .mat-slider-thumb-label:active,
.mat-slider:not(.mat-slider-disabled) .mat-mdc-slider-thumb-label:active, .mat-slider:not(.mat-slider-disabled) .mat-slider-thumb:active,
.mat-slider:not(.mat-slider-disabled) .mat-mdc-slider-thumb:active, .mat-mdc-slider:not(.mat-mdc-slider-disabled) .mat-slider-thumb-label:active,
.mat-mdc-slider:not(.mat-mdc-slider-disabled) .mat-mdc-slider-thumb-label:active, .mat-mdc-slider:not(.mat-mdc-slider-disabled) .mat-slider-thumb:active,
.mat-mdc-slider:not(.mat-mdc-slider-disabled) .mat-mdc-slider-thumb:active, .mat-slider-sliding:not(.mat-slider-disabled) .mat-slider-thumb-label,
.mat-slider-sliding:not(.mat-slider-disabled) .mat-mdc-slider-thumb-label, .mat-slider-sliding:not(.mat-slider-disabled) .mat-slider-thumb,
.mat-slider-sliding:not(.mat-slider-disabled) .mat-mdc-slider-thumb, .mat-mdc-slider-sliding:not(.mat-mdc-slider-disabled) .mat-slider-thumb-label,
.mat-mdc-slider-sliding:not(.mat-mdc-slider-disabled) .mat-mdc-slider-thumb-label, .mat-mdc-slider-sliding:not(.mat-mdc-slider-disabled) .mat-slider-thumb,
.mat-mdc-slider-sliding:not(.mat-mdc-slider-disabled) .mat-mdc-slider-thumb {
  cursor: grabbing;
}

.mat-slider-thumb,
.mat-mdc-slider-thumb {
  position: absolute;
  right: -0.875rem;
  bottom: -0.875rem;
  box-sizing: border-box;
  width: 1.75rem;
  height: 1.75rem;
  border: 1px solid var(--gray-500);
  border-radius: 50%;
  background-color: var(--white);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  transform: scale(0.7);
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), border-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mat-slider-thumb-label,
.mat-mdc-slider-thumb-label {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), border-radius 400ms cubic-bezier(0.25, 0.8, 0.25, 1), background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mat-slider-thumb-label-text,
.mat-mdc-slider-thumb-label-text {
  z-index: 1;
  opacity: 0;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mat-slider-sliding .mat-slider-track-fill,
.mat-slider-sliding .mat-mdc-slider-track-fill,
.mat-slider-sliding .mat-slider-track-background,
.mat-slider-sliding .mat-mdc-slider-track-background,
.mat-slider-sliding .mat-slider-thumb-container,
.mat-slider-sliding .mat-mdc-slider-thumb-container,
.mat-mdc-slider-sliding .mat-slider-track-fill,
.mat-mdc-slider-sliding .mat-mdc-slider-track-fill,
.mat-mdc-slider-sliding .mat-slider-track-background,
.mat-mdc-slider-sliding .mat-mdc-slider-track-background,
.mat-mdc-slider-sliding .mat-slider-thumb-container,
.mat-mdc-slider-sliding .mat-mdc-slider-thumb-container {
  transition-duration: 0ms;
}

.mat-slider-has-ticks .mat-slider-wrapper::after,
.mat-slider-has-ticks .mat-mdc-slider-wrapper::after,
.mat-mdc-slider-has-ticks .mat-slider-wrapper::after,
.mat-mdc-slider-has-ticks .mat-mdc-slider-wrapper::after {
  content: "";
  position: absolute;
  border-width: 0;
  border-style: solid;
  opacity: 0;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mat-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after, .mat-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after,
.mat-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after,
.mat-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after, .mat-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after, .mat-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after,
.mat-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after,
.mat-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after,
.mat-mdc-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-mdc-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after,
.mat-mdc-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-mdc-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after,
.mat-mdc-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-mdc-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after,
.mat-mdc-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-mdc-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after,
.mat-mdc-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-mdc-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after,
.mat-mdc-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-mdc-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after,
.mat-mdc-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-mdc-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after,
.mat-mdc-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-slider-wrapper::after,
.mat-mdc-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-mdc-slider-has-ticks:hover:not(.mat-mdc-slider-hide-last-tick) .mat-mdc-slider-wrapper::after {
  opacity: 1;
}
.mat-slider-has-ticks.cdk-focused:not(.mat-slider-disabled) .mat-slider-ticks, .mat-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-disabled) .mat-mdc-slider-ticks, .mat-slider-has-ticks:hover:not(.mat-slider-disabled) .mat-slider-ticks, .mat-slider-has-ticks:hover:not(.mat-mdc-slider-disabled) .mat-mdc-slider-ticks,
.mat-mdc-slider-has-ticks.cdk-focused:not(.mat-slider-disabled) .mat-slider-ticks,
.mat-mdc-slider-has-ticks.cdk-focused:not(.mat-mdc-slider-disabled) .mat-mdc-slider-ticks,
.mat-mdc-slider-has-ticks:hover:not(.mat-slider-disabled) .mat-slider-ticks,
.mat-mdc-slider-has-ticks:hover:not(.mat-mdc-slider-disabled) .mat-mdc-slider-ticks {
  opacity: 1;
}

.mat-slider-thumb-label-showing .mat-slider-focus-ring,
.mat-slider-thumb-label-showing .mat-mdc-slider-focus-ring,
.mat-mdc-slider-thumb-label-showing .mat-slider-focus-ring,
.mat-mdc-slider-thumb-label-showing .mat-mdc-slider-focus-ring {
  display: none;
}
.mat-slider-thumb-label-showing .mat-slider-thumb-label,
.mat-slider-thumb-label-showing .mat-mdc-slider-thumb-label,
.mat-mdc-slider-thumb-label-showing .mat-slider-thumb-label,
.mat-mdc-slider-thumb-label-showing .mat-mdc-slider-thumb-label {
  display: flex;
}

.mat-slider-axis-inverted .mat-slider-track-fill,
.mat-slider-axis-inverted .mat-mdc-slider-track-fill,
.mat-mdc-slider-axis-inverted .mat-slider-track-fill,
.mat-mdc-slider-axis-inverted .mat-mdc-slider-track-fill {
  transform-origin: 100% 100%;
}
.mat-slider-axis-inverted .mat-slider-track-background,
.mat-slider-axis-inverted .mat-mdc-slider-track-background,
.mat-mdc-slider-axis-inverted .mat-slider-track-background,
.mat-mdc-slider-axis-inverted .mat-mdc-slider-track-background {
  transform-origin: 0 0;
}

.mat-slider:not(.mat-slider-disabled).cdk-focused.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider:not(.mat-slider-disabled).cdk-focused.mat-mdc-slider-thumb-label-showing .mat-mdc-slider-thumb,
.mat-mdc-slider:not(.mat-mdc-slider-disabled).cdk-focused.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-mdc-slider:not(.mat-mdc-slider-disabled).cdk-focused.mat-mdc-slider-thumb-label-showing .mat-mdc-slider-thumb {
  transform: scale(0);
}
.mat-slider:not(.mat-slider-disabled).cdk-focused .mat-slider-thumb-label,
.mat-slider:not(.mat-slider-disabled).cdk-focused .mat-mdc-slider-thumb-label,
.mat-mdc-slider:not(.mat-mdc-slider-disabled).cdk-focused .mat-slider-thumb-label,
.mat-mdc-slider:not(.mat-mdc-slider-disabled).cdk-focused .mat-mdc-slider-thumb-label {
  border-radius: 50% 50% 0;
}
.mat-slider:not(.mat-slider-disabled).cdk-focused .mat-slider-thumb-label-text,
.mat-slider:not(.mat-slider-disabled).cdk-focused .mat-mdc-slider-thumb-label-text,
.mat-mdc-slider:not(.mat-mdc-slider-disabled).cdk-focused .mat-slider-thumb-label-text,
.mat-mdc-slider:not(.mat-mdc-slider-disabled).cdk-focused .mat-mdc-slider-thumb-label-text {
  opacity: 1;
}
.mat-slider:not(.mat-slider-disabled).cdk-mouse-focused .mat-slider-thumb,
.mat-slider:not(.mat-slider-disabled).cdk-mouse-focused .mat-mdc-slider-thumb, .mat-slider:not(.mat-slider-disabled).cdk-touch-focused .mat-slider-thumb,
.mat-slider:not(.mat-slider-disabled).cdk-touch-focused .mat-mdc-slider-thumb, .mat-slider:not(.mat-slider-disabled).cdk-program-focused .mat-slider-thumb,
.mat-slider:not(.mat-slider-disabled).cdk-program-focused .mat-mdc-slider-thumb,
.mat-mdc-slider:not(.mat-mdc-slider-disabled).cdk-mouse-focused .mat-slider-thumb,
.mat-mdc-slider:not(.mat-mdc-slider-disabled).cdk-mouse-focused .mat-mdc-slider-thumb,
.mat-mdc-slider:not(.mat-mdc-slider-disabled).cdk-touch-focused .mat-slider-thumb,
.mat-mdc-slider:not(.mat-mdc-slider-disabled).cdk-touch-focused .mat-mdc-slider-thumb,
.mat-mdc-slider:not(.mat-mdc-slider-disabled).cdk-program-focused .mat-slider-thumb,
.mat-mdc-slider:not(.mat-mdc-slider-disabled).cdk-program-focused .mat-mdc-slider-thumb {
  background-color: var(--secondary-300);
  border-color: var(--secondary-300);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  transform: scale(1);
}

.mat-slider-disabled .mat-slider-focus-ring,
.mat-slider-disabled .mat-mdc-slider-focus-ring,
.mat-mdc-slider-disabled .mat-slider-focus-ring,
.mat-mdc-slider-disabled .mat-mdc-slider-focus-ring {
  transform: scale(0);
  opacity: 0;
}
.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-mdc-slider-thumb,
.mat-mdc-slider-disabled .mat-slider-thumb,
.mat-mdc-slider-disabled .mat-mdc-slider-thumb {
  transform: scale(0.5);
}
.mat-slider-disabled .mat-slider-thumb-label,
.mat-slider-disabled .mat-mdc-slider-thumb-label,
.mat-mdc-slider-disabled .mat-slider-thumb-label,
.mat-mdc-slider-disabled .mat-mdc-slider-thumb-label {
  display: none;
}

.mat-slider-horizontal,
.mat-mdc-slider-horizontal {
  height: 3rem;
  min-width: 8rem;
  width: 100%;
}
.mat-slider-horizontal .mat-slider-wrapper,
.mat-slider-horizontal .mat-mdc-slider-wrapper,
.mat-mdc-slider-horizontal .mat-slider-wrapper,
.mat-mdc-slider-horizontal .mat-mdc-slider-wrapper {
  height: 0.25rem;
  top: 1.375rem;
  left: 0.5rem;
  right: 0.5rem;
}
.mat-slider-horizontal .mat-slider-wrapper::after,
.mat-slider-horizontal .mat-mdc-slider-wrapper::after,
.mat-mdc-slider-horizontal .mat-slider-wrapper::after,
.mat-mdc-slider-horizontal .mat-mdc-slider-wrapper::after {
  height: 0.25rem;
  border-left-width: 0.125rem;
  right: 0;
  top: 0;
}
.mat-slider-horizontal .mat-slider-track-wrapper,
.mat-slider-horizontal .mat-mdc-slider-track-wrapper,
.mat-mdc-slider-horizontal .mat-slider-track-wrapper,
.mat-mdc-slider-horizontal .mat-mdc-slider-track-wrapper {
  height: 0.25rem;
  width: 100%;
}
.mat-slider-horizontal .mat-slider-track-fill,
.mat-slider-horizontal .mat-mdc-slider-track-fill,
.mat-mdc-slider-horizontal .mat-slider-track-fill,
.mat-mdc-slider-horizontal .mat-mdc-slider-track-fill {
  height: 0.25rem;
  width: 100%;
  transform: scaleX(0);
}
.mat-slider-horizontal .mat-slider-track-background,
.mat-slider-horizontal .mat-mdc-slider-track-background,
.mat-mdc-slider-horizontal .mat-slider-track-background,
.mat-mdc-slider-horizontal .mat-mdc-slider-track-background {
  height: 0.25rem;
  width: 100%;
  transform: scaleX(1);
}
.mat-slider-horizontal .mat-slider-ticks-container,
.mat-slider-horizontal .mat-mdc-slider-ticks-container,
.mat-mdc-slider-horizontal .mat-slider-ticks-container,
.mat-mdc-slider-horizontal .mat-mdc-slider-ticks-container {
  height: 0.25rem;
  width: 100%;
}
.mat-slider-horizontal .mat-slider-ticks,
.mat-slider-horizontal .mat-mdc-slider-ticks,
.mat-mdc-slider-horizontal .mat-slider-ticks,
.mat-mdc-slider-horizontal .mat-mdc-slider-ticks {
  height: 0.25rem;
  width: 100%;
}
.mat-slider-horizontal .mat-slider-thumb-container,
.mat-slider-horizontal .mat-mdc-slider-thumb-container,
.mat-mdc-slider-horizontal .mat-slider-thumb-container,
.mat-mdc-slider-horizontal .mat-mdc-slider-thumb-container {
  width: 100%;
  height: 0;
  top: 50%;
}
.mat-slider-horizontal .mat-slider-focus-ring,
.mat-slider-horizontal .mat-mdc-slider-focus-ring,
.mat-mdc-slider-horizontal .mat-slider-focus-ring,
.mat-mdc-slider-horizontal .mat-mdc-slider-focus-ring {
  top: -0.9375rem;
  right: -0.9375rem;
}
.mat-slider-horizontal .mat-slider-thumb-label,
.mat-slider-horizontal .mat-mdc-slider-thumb-label,
.mat-mdc-slider-horizontal .mat-slider-thumb-label,
.mat-mdc-slider-horizontal .mat-mdc-slider-thumb-label {
  right: -0.875rem;
  top: -2.5rem;
  transform: translateY(1.625rem) scale(0.01) rotate(45deg);
}
.mat-slider-horizontal .mat-slider-thumb-label-text,
.mat-slider-horizontal .mat-mdc-slider-thumb-label-text,
.mat-mdc-slider-horizontal .mat-slider-thumb-label-text,
.mat-mdc-slider-horizontal .mat-mdc-slider-thumb-label-text {
  transform: rotate(-45deg);
}
.mat-slider-horizontal.cdk-focused .mat-slider-thumb-label,
.mat-slider-horizontal.cdk-focused .mat-mdc-slider-thumb-label,
.mat-mdc-slider-horizontal.cdk-focused .mat-slider-thumb-label,
.mat-mdc-slider-horizontal.cdk-focused .mat-mdc-slider-thumb-label {
  transform: rotate(45deg);
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.mat-list.mat-list-base,
.mat-mdc-list.mat-mdc-list-base {
  padding-top: 0;
  display: block;
  -webkit-tap-highlight-color: transparent;
  background: var(--white);
  width: 100%;
}
.mat-list.mat-list-base .mat-list-item,
.mat-list.mat-list-base .mdc-list-item,
.mat-mdc-list.mat-mdc-list-base .mat-list-item,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item {
  border-bottom: 1px solid var(--gray-400);
  outline: 0;
  height: 3.5rem;
}
.mat-list.mat-list-base .mat-list-item .mat-line,
.mat-list.mat-list-base .mat-list-item .mat-mdc-line,
.mat-list.mat-list-base .mdc-list-item .mat-line,
.mat-list.mat-list-base .mdc-list-item .mat-mdc-line,
.mat-mdc-list.mat-mdc-list-base .mat-list-item .mat-line,
.mat-mdc-list.mat-mdc-list-base .mat-list-item .mat-mdc-line,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .mat-line,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .mat-mdc-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.mat-list.mat-list-base .mat-list-item .mat-line:nth-child(n+2),
.mat-list.mat-list-base .mat-list-item .mat-mdc-line:nth-child(n+2),
.mat-list.mat-list-base .mdc-list-item .mat-line:nth-child(n+2),
.mat-list.mat-list-base .mdc-list-item .mat-mdc-line:nth-child(n+2),
.mat-mdc-list.mat-mdc-list-base .mat-list-item .mat-line:nth-child(n+2),
.mat-mdc-list.mat-mdc-list-base .mat-list-item .mat-mdc-line:nth-child(n+2),
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .mat-line:nth-child(n+2),
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .mat-mdc-line:nth-child(n+2) {
  font-size: var(--font-size-sm);
}
.mat-list.mat-list-base .mat-list-item .badge,
.mat-list.mat-list-base .mdc-list-item .badge,
.mat-mdc-list.mat-mdc-list-base .mat-list-item .badge,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .badge {
  margin: 0 0.25rem;
}
.mat-list.mat-list-base .mat-list-item .mat-list-text,
.mat-list.mat-list-base .mat-list-item .mat-mdc-list-text,
.mat-list.mat-list-base .mdc-list-item .mat-list-text,
.mat-list.mat-list-base .mdc-list-item .mat-mdc-list-text,
.mat-list.mat-list-base .mat-list-option .mat-list-text,
.mat-list.mat-list-base .mat-list-option .mat-mdc-list-text,
.mat-list.mat-list-base .mat-mdc-list-option .mat-list-text,
.mat-list.mat-list-base .mat-mdc-list-option .mat-mdc-list-text,
.mat-mdc-list.mat-mdc-list-base .mat-list-item .mat-list-text,
.mat-mdc-list.mat-mdc-list-base .mat-list-item .mat-mdc-list-text,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .mat-list-text,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .mat-mdc-list-text,
.mat-mdc-list.mat-mdc-list-base .mat-list-option .mat-list-text,
.mat-mdc-list.mat-mdc-list-base .mat-list-option .mat-mdc-list-text,
.mat-mdc-list.mat-mdc-list-base .mat-mdc-list-option .mat-list-text,
.mat-mdc-list.mat-mdc-list-base .mat-mdc-list-option .mat-mdc-list-text {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
  flex-grow: 1;
  width: auto;
}
.mat-list.mat-list-base .mat-list-item .mat-list-text > *,
.mat-list.mat-list-base .mat-list-item .mat-mdc-list-text > *,
.mat-list.mat-list-base .mdc-list-item .mat-list-text > *,
.mat-list.mat-list-base .mdc-list-item .mat-mdc-list-text > *,
.mat-list.mat-list-base .mat-list-option .mat-list-text > *,
.mat-list.mat-list-base .mat-list-option .mat-mdc-list-text > *,
.mat-list.mat-list-base .mat-mdc-list-option .mat-list-text > *,
.mat-list.mat-list-base .mat-mdc-list-option .mat-mdc-list-text > *,
.mat-mdc-list.mat-mdc-list-base .mat-list-item .mat-list-text > *,
.mat-mdc-list.mat-mdc-list-base .mat-list-item .mat-mdc-list-text > *,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .mat-list-text > *,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .mat-mdc-list-text > *,
.mat-mdc-list.mat-mdc-list-base .mat-list-option .mat-list-text > *,
.mat-mdc-list.mat-mdc-list-base .mat-list-option .mat-mdc-list-text > *,
.mat-mdc-list.mat-mdc-list-base .mat-mdc-list-option .mat-list-text > *,
.mat-mdc-list.mat-mdc-list-base .mat-mdc-list-option .mat-mdc-list-text > * {
  margin: 0;
  padding: 0;
  font-weight: var(--font-weight-base);
  font-size: var(--font-size-lg);
  font-family: var(--font-family-open-sans);
  line-height: 1.625rem;
  min-height: 1.625rem;
}
.mat-list.mat-list-base .mat-list-item .mat-list-text > .btn-flat,
.mat-list.mat-list-base .mat-list-item .mat-mdc-list-text > .btn-flat,
.mat-list.mat-list-base .mdc-list-item .mat-list-text > .btn-flat,
.mat-list.mat-list-base .mdc-list-item .mat-mdc-list-text > .btn-flat,
.mat-list.mat-list-base .mat-list-option .mat-list-text > .btn-flat,
.mat-list.mat-list-base .mat-list-option .mat-mdc-list-text > .btn-flat,
.mat-list.mat-list-base .mat-mdc-list-option .mat-list-text > .btn-flat,
.mat-list.mat-list-base .mat-mdc-list-option .mat-mdc-list-text > .btn-flat,
.mat-mdc-list.mat-mdc-list-base .mat-list-item .mat-list-text > .btn-flat,
.mat-mdc-list.mat-mdc-list-base .mat-list-item .mat-mdc-list-text > .btn-flat,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .mat-list-text > .btn-flat,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .mat-mdc-list-text > .btn-flat,
.mat-mdc-list.mat-mdc-list-base .mat-list-option .mat-list-text > .btn-flat,
.mat-mdc-list.mat-mdc-list-base .mat-list-option .mat-mdc-list-text > .btn-flat,
.mat-mdc-list.mat-mdc-list-base .mat-mdc-list-option .mat-list-text > .btn-flat,
.mat-mdc-list.mat-mdc-list-base .mat-mdc-list-option .mat-mdc-list-text > .btn-flat {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  text-align: left;
}
.mat-list.mat-list-base .mat-list-item .mat-list-text > .btn-has-icon,
.mat-list.mat-list-base .mat-list-item .mat-mdc-list-text > .btn-has-icon,
.mat-list.mat-list-base .mdc-list-item .mat-list-text > .btn-has-icon,
.mat-list.mat-list-base .mdc-list-item .mat-mdc-list-text > .btn-has-icon,
.mat-list.mat-list-base .mat-list-option .mat-list-text > .btn-has-icon,
.mat-list.mat-list-base .mat-list-option .mat-mdc-list-text > .btn-has-icon,
.mat-list.mat-list-base .mat-mdc-list-option .mat-list-text > .btn-has-icon,
.mat-list.mat-list-base .mat-mdc-list-option .mat-mdc-list-text > .btn-has-icon,
.mat-mdc-list.mat-mdc-list-base .mat-list-item .mat-list-text > .btn-has-icon,
.mat-mdc-list.mat-mdc-list-base .mat-list-item .mat-mdc-list-text > .btn-has-icon,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .mat-list-text > .btn-has-icon,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .mat-mdc-list-text > .btn-has-icon,
.mat-mdc-list.mat-mdc-list-base .mat-list-option .mat-list-text > .btn-has-icon,
.mat-mdc-list.mat-mdc-list-base .mat-list-option .mat-mdc-list-text > .btn-has-icon,
.mat-mdc-list.mat-mdc-list-base .mat-mdc-list-option .mat-list-text > .btn-has-icon,
.mat-mdc-list.mat-mdc-list-base .mat-mdc-list-option .mat-mdc-list-text > .btn-has-icon {
  padding-left: 1.5rem;
}
.mat-list.mat-list-base .mat-list-item .mat-list-text > .btn-has-icon svg,
.mat-list.mat-list-base .mat-list-item .mat-mdc-list-text > .btn-has-icon svg,
.mat-list.mat-list-base .mdc-list-item .mat-list-text > .btn-has-icon svg,
.mat-list.mat-list-base .mdc-list-item .mat-mdc-list-text > .btn-has-icon svg,
.mat-list.mat-list-base .mat-list-option .mat-list-text > .btn-has-icon svg,
.mat-list.mat-list-base .mat-list-option .mat-mdc-list-text > .btn-has-icon svg,
.mat-list.mat-list-base .mat-mdc-list-option .mat-list-text > .btn-has-icon svg,
.mat-list.mat-list-base .mat-mdc-list-option .mat-mdc-list-text > .btn-has-icon svg,
.mat-mdc-list.mat-mdc-list-base .mat-list-item .mat-list-text > .btn-has-icon svg,
.mat-mdc-list.mat-mdc-list-base .mat-list-item .mat-mdc-list-text > .btn-has-icon svg,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .mat-list-text > .btn-has-icon svg,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item .mat-mdc-list-text > .btn-has-icon svg,
.mat-mdc-list.mat-mdc-list-base .mat-list-option .mat-list-text > .btn-has-icon svg,
.mat-mdc-list.mat-mdc-list-base .mat-list-option .mat-mdc-list-text > .btn-has-icon svg,
.mat-mdc-list.mat-mdc-list-base .mat-mdc-list-option .mat-list-text > .btn-has-icon svg,
.mat-mdc-list.mat-mdc-list-base .mat-mdc-list-option .mat-mdc-list-text > .btn-has-icon svg {
  left: 0;
}
.mat-list.mat-list-base .mat-icon,
.mat-list.mat-list-base .mat-mdc-icon,
.mat-mdc-list.mat-mdc-list-base .mat-icon,
.mat-mdc-list.mat-mdc-list-base .mat-mdc-icon {
  color: var(--gray-400);
}
.mat-list.mat-list-base .mdc-list-item--with-one-line,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item--with-one-line {
  min-height: 4.6rem;
}
.mat-list.mat-list-base .mdc-list-item--with-one-line .mdc-list-item__content .mdc-list-item__primary-text,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item--with-one-line .mdc-list-item__content .mdc-list-item__primary-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  padding: 0 16px;
  position: relative;
  height: inherit;
  flex-wrap: wrap;
  margin: 0.5rem 0;
}
.mat-list.mat-list-base .mdc-list-item--with-one-line .mdc-list-item__content .mdc-list-item__primary-text h3,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item--with-one-line .mdc-list-item__content .mdc-list-item__primary-text h3 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 400;
  width: 100%;
}
.mat-list.mat-list-base .mdc-list-item--with-one-line .mdc-list-item__content .mdc-list-item__primary-text p,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item--with-one-line .mdc-list-item__content .mdc-list-item__primary-text p {
  margin: 0;
}
.mat-list.mat-list-base .mdc-list-item--with-one-line .mdc-list-item-unscoped-content,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item--with-one-line .mdc-list-item-unscoped-content {
  padding-left: 2rem !important;
}
.mat-list.mat-list-base .mdc-list-item--with-one-line .nutzer-avatar,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item--with-one-line .nutzer-avatar {
  position: absolute;
  left: 0;
}
.mat-list.mat-list-base .mdc-list-item--with-one-line .mat-icon,
.mat-list.mat-list-base .mdc-list-item--with-one-line .mat-icon-button,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item--with-one-line .mat-icon,
.mat-mdc-list.mat-mdc-list-base .mdc-list-item--with-one-line .mat-icon-button {
  position: absolute;
  right: 0;
}

.status {
  position: relative;
  white-space: nowrap;
  padding-left: 0.75rem;
}
.status:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: calc(50% - 0.25rem);
  background: var(--error);
}
.status.online:before, .status.success:before {
  background: var(--success);
}
.status.offline:before, .status.failure:before, .status.error:before {
  background: var(--error);
}
.status.registered:before {
  background: var(--registered);
}
.status.unregistered:before {
  background: var(--unregistered);
}
.status.warning:before {
  background: var(--warning);
}

.status + .mat-mdc-tooltip,
.status + .mat-tooltip {
  visibility: hidden;
}

.status:hover + .mat-mdc-tooltip,
.status:hover + .mat-tooltip {
  visibility: visible;
}

.nutzer {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.nutzer-avatar {
  display: block;
  background: var(--white) url('avatar-placeholder.svg') 50% 50% no-repeat;
  background-size: contain;
  border: 2px solid var(--white);
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
.nutzer-avatar.small {
  width: 1.5rem;
  height: 1.5rem;
}
.nutzer-avatar.medium {
  width: 3rem;
  height: 3rem;
}
.nutzer-avatar.large {
  border-width: 0.25rem;
  width: 6rem;
  height: 6rem;
}
.nutzer-avatar.xlarge {
  border-width: 0.5rem;
  width: 16rem;
  height: 16rem;
}
.nutzer-avatar.start {
  align-self: flex-start;
}
.nutzer-avatar + .nutzer-data {
  margin-left: 1rem;
}
.nutzer-avatar .upload-action-add,
.nutzer-avatar .upload-actions-edit {
  border-radius: 50%;
}

.nutzer-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.nutzer-data .name {
  font-size: var(--h3-font-size);
  font-family: var(--font-family-poppins);
  font-weight: var(--font-weight-bold);
}
.nutzer-data .name.small {
  font-size: var(--h4-font-size);
}
.nutzer-data .membership,
.nutzer-data .position,
.nutzer-data .status {
  color: var(--gray-200);
}
.nutzer-data .position {
  font-size: var(--font-size-sm);
}
.nutzer-data .status {
  font-size: var(--font-size-xs);
}
.nutzer-data .btn-stroked {
  margin-top: 0.25rem;
}
.nutzer-data .btn-flat {
  margin-top: 0.5rem;
  padding: 0;
}
.nutzer-data .btn-flat + .btn-flat {
  margin-top: 0;
}
.nutzer-data .btn-has-icon {
  text-align: left;
  padding-left: 2rem;
}
.nutzer-data + .nutzer-avatar {
  margin-left: 0.5rem;
}

.mat-accordion,
.mat-mdc-accordion {
  display: block;
  margin-bottom: 0.5rem;
}

mat-expansion-panel.mat-expansion-panel,
mat-mdc-expansion-panel.mat-mdc-expansion-panel {
  box-sizing: content-box;
  display: block;
  overflow: hidden;
  background: var(--white);
  transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  /**
   * Creates the expansion indicator arrow. Done using ::after rather than having
   * additional nodes in the template.
   */
}
.mat-accordion:not(.mat-accordion-xs) mat-expansion-panel.mat-expansion-panel, .mat-mdc-accordion:not(.mat-mdc-accordion-xs) mat-expansion-panel.mat-expansion-panel,
.mat-accordion:not(.mat-accordion-xs) mat-mdc-expansion-panel.mat-mdc-expansion-panel,
.mat-mdc-accordion:not(.mat-mdc-accordion-xs) mat-mdc-expansion-panel.mat-mdc-expansion-panel {
  border-radius: 4px;
  margin: 0 0 0.75rem 0;
}
.mat-accordion:not(.mat-accordion-xs) mat-expansion-panel.mat-expansion-panel:not(.mat-expanded):not(.mat-expansion-panel-spacing), .mat-accordion:not(.mat-accordion-xs) mat-expansion-panel.mat-expansion-panel:not(.mat-mdc-expanded):not(.mat-mdc-expansion-panel-spacing), .mat-mdc-accordion:not(.mat-mdc-accordion-xs) mat-expansion-panel.mat-expansion-panel:not(.mat-expanded):not(.mat-expansion-panel-spacing), .mat-mdc-accordion:not(.mat-mdc-accordion-xs) mat-expansion-panel.mat-expansion-panel:not(.mat-mdc-expanded):not(.mat-mdc-expansion-panel-spacing),
.mat-accordion:not(.mat-accordion-xs) mat-mdc-expansion-panel.mat-mdc-expansion-panel:not(.mat-expanded):not(.mat-expansion-panel-spacing),
.mat-accordion:not(.mat-accordion-xs) mat-mdc-expansion-panel.mat-mdc-expansion-panel:not(.mat-mdc-expanded):not(.mat-mdc-expansion-panel-spacing),
.mat-mdc-accordion:not(.mat-mdc-accordion-xs) mat-mdc-expansion-panel.mat-mdc-expansion-panel:not(.mat-expanded):not(.mat-expansion-panel-spacing),
.mat-mdc-accordion:not(.mat-mdc-accordion-xs) mat-mdc-expansion-panel.mat-mdc-expansion-panel:not(.mat-mdc-expanded):not(.mat-mdc-expansion-panel-spacing) {
  border-radius: 4px;
}
.mat-expansion-panel-spacing mat-expansion-panel.mat-expansion-panel, .mat-mdc-expansion-panel-spacing mat-expansion-panel.mat-expansion-panel,
.mat-expansion-panel-spacing mat-mdc-expansion-panel.mat-mdc-expansion-panel,
.mat-mdc-expansion-panel-spacing mat-mdc-expansion-panel.mat-mdc-expansion-panel {
  margin: 0;
}
mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-content,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-content,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-content,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-body,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-body,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-body,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-body {
  padding: 1rem;
}
mat-expansion-panel.mat-expansion-panel .mat-action-row,
mat-expansion-panel.mat-expansion-panel .mat-mdc-action-row,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-action-row,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-action-row {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #dfe3e6;
  display: flex;
  flex-direction: row;
  justify-content: normal;
  padding: 1rem;
}
mat-expansion-panel.mat-expansion-panel .mat-action-row > *,
mat-expansion-panel.mat-expansion-panel .mat-mdc-action-row > *,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-action-row > *,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-action-row > * {
  width: 100%;
}
mat-expansion-panel.mat-expansion-panel .mat-action-row .mat-expansion-panel-content,
mat-expansion-panel.mat-expansion-panel .mat-mdc-action-row .mat-expansion-panel-content,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-action-row .mat-expansion-panel-content,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-action-row .mat-expansion-panel-content {
  justify-content: normal;
}
mat-expansion-panel.mat-expansion-panel .mat-action-row button.mat-button,
mat-expansion-panel.mat-expansion-panel .mat-action-row button.mat-mdc-button,
mat-expansion-panel.mat-expansion-panel .mat-mdc-action-row button.mat-button,
mat-expansion-panel.mat-expansion-panel .mat-mdc-action-row button.mat-mdc-button,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-action-row button.mat-button,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-action-row button.mat-mdc-button,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-action-row button.mat-button,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-action-row button.mat-mdc-button {
  margin-left: 8px;
}
mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 1rem;
  border-radius: inherit;
  font-weight: var(--font-weight-bold);
}
.mat-accordion:not(.mat-accordion-xs) mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header, .mat-mdc-accordion:not(.mat-mdc-accordion-xs) mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header,
.mat-accordion:not(.mat-accordion-xs) mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header,
.mat-mdc-accordion:not(.mat-mdc-accordion-xs) mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header,
.mat-accordion:not(.mat-accordion-xs) mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header,
.mat-mdc-accordion:not(.mat-mdc-accordion-xs) mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header,
.mat-accordion:not(.mat-accordion-xs) mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header,
.mat-mdc-accordion:not(.mat-mdc-accordion-xs) mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header {
  font-size: var(--h3-font-size);
  font-family: var(--font-family-poppins);
}
mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header:focus, mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header:hover,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header:focus,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header:hover,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header:focus,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header:hover,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header:focus,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header:hover {
  outline: none;
}
mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header.mat-expanded, mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header.mat-mdc-expanded,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header.mat-expanded,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header.mat-mdc-expanded,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header.mat-expanded,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header.mat-mdc-expanded,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header.mat-expanded,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header.mat-mdc-expanded {
  border-bottom: 1px solid var(--gray-400);
}
mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header.mat-expanded:focus, mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header.mat-expanded:hover, mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header.mat-mdc-expanded:focus, mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header.mat-mdc-expanded:hover,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header.mat-expanded:focus,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header.mat-expanded:hover,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header.mat-mdc-expanded:focus,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header.mat-mdc-expanded:hover,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header.mat-expanded:focus,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header.mat-expanded:hover,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header.mat-mdc-expanded:focus,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header.mat-mdc-expanded:hover,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header.mat-expanded:focus,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header.mat-expanded:hover,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header.mat-mdc-expanded:focus,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header.mat-mdc-expanded:hover {
  background: inherit;
}
mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]),
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header:not([aria-disabled=true]),
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]),
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header:not([aria-disabled=true]) {
  cursor: pointer;
}
mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before, mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header.mat-mdc-expansion-toggle-indicator-before,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header.mat-expansion-toggle-indicator-before,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header.mat-mdc-expansion-toggle-indicator-before,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header.mat-mdc-expansion-toggle-indicator-before,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header.mat-expansion-toggle-indicator-before,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header.mat-mdc-expansion-toggle-indicator-before {
  flex-direction: row-reverse;
}
mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator,
mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-mdc-expansion-indicator, mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header.mat-mdc-expansion-toggle-indicator-before .mat-expansion-indicator,
mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header.mat-mdc-expansion-toggle-indicator-before .mat-mdc-expansion-indicator,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-mdc-expansion-indicator,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header.mat-mdc-expansion-toggle-indicator-before .mat-expansion-indicator,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header.mat-mdc-expansion-toggle-indicator-before .mat-mdc-expansion-indicator,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-mdc-expansion-indicator,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header.mat-mdc-expansion-toggle-indicator-before .mat-expansion-indicator,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header.mat-mdc-expansion-toggle-indicator-before .mat-mdc-expansion-indicator,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-mdc-expansion-indicator,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header.mat-mdc-expansion-toggle-indicator-before .mat-expansion-indicator,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header.mat-mdc-expansion-toggle-indicator-before .mat-mdc-expansion-indicator {
  margin: 0 1rem 0 0;
}
mat-expansion-panel.mat-expansion-panel .mat-content,
mat-expansion-panel.mat-expansion-panel .mat-mdc-content,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-content,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  overflow: hidden;
}
mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header-title,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header-title,
mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header-description,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header-description,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header-title,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header-title,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header-description,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header-description {
  display: flex;
  flex-grow: 1;
  margin-right: 1rem;
}
mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header-description,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-panel-header-description,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-panel-header-description,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-panel-header-description {
  flex-grow: 2;
}
mat-expansion-panel.mat-expansion-panel .mat-expansion-indicator::after,
mat-expansion-panel.mat-expansion-panel .mat-mdc-expansion-indicator::after,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-expansion-indicator::after,
mat-mdc-expansion-panel.mat-mdc-expansion-panel .mat-mdc-expansion-indicator::after {
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  vertical-align: middle;
}

.card-group {
  display: block;
  width: 100%;
}
.card-group .card + .card {
  margin-top: 1.25rem;
}

.card-row .card {
  margin-top: 1.25rem;
}

.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 2.5rem;
  background-color: var(--white);
  border-radius: 0.25rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.card > * {
  width: 100%;
  max-width: 40rem;
}

.widget-slot .card > * {
  max-width: 100%;
}

.card-actions, .card-content {
  display: block;
  margin-bottom: 1rem;
}

.card-title {
  display: block;
  margin-bottom: 1rem;
}

.card-content img {
  max-width: 100%;
}

.card-actions {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  padding: 0.5rem 0;
}

.card-actions > .mat-button,
.card-actions > .mat-mdc-button {
  margin: 0 0.5rem;
}
.card-actions > .btn-toggle {
  margin: 0 0.5rem;
}

.card-action-spacer {
  flex: 1;
}

.card-header {
  display: flex;
  flex-direction: row;
}
.card-header .card-title {
  margin-bottom: 2rem;
}

.card > :first-child,
.card-content > :first-child {
  margin-top: 0;
}

.card > :last-child,
.card-content > :last-child {
  margin-bottom: 0;
}

.card-xs, .card-nutzer {
  padding: 0;
}
.card-xs .card-header, .card-nutzer .card-header {
  box-shadow: 0 1px 2px 0 var(--gray-400);
}
.card-xs .card-title, .card-nutzer .card-title,
.card-xs .card-content,
.card-nutzer .card-content {
  padding: 0.75rem 1.5rem;
  margin-bottom: 0;
}
.card-xs .card-actions, .card-nutzer .card-actions {
  padding: 0.5rem 1rem;
}

.card-table {
  width: 100%;
  padding: 0;
}
.card-table > * {
  max-width: 100%;
}
.card-table .card-header {
  padding: 1.5rem 1rem;
  margin-bottom: 0;
}
.card-table .card-header .card-title {
  margin-bottom: 0;
}
.card-table .card-content {
  padding: 0.75rem 1rem;
  margin-bottom: 0;
}
.card-table .card-actions {
  padding: 1rem;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}
.card-table athleta-table-search {
  display: block;
  margin: 0 0.5rem;
}

.card-nutzer {
  min-width: 22rem;
  max-width: 100%;
}

.card-cta {
  background: linear-gradient(45deg, #787fbc 15%, #aa5877 42%, #ea4e3c 70%, #dea103 100%);
  padding: 1rem;
}
.card-cta .content-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-color: var(--white);
  text-align: center;
  border-radius: 0.25rem;
}
.card-cta .cta-image {
  width: 6.25rem;
}
.card-cta .cta-image figure {
  padding: 1rem 0 0 0;
}
.card-cta .card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1.5rem;
}
.card-cta .btn {
  color: #ab0050;
  border-color: #ab0050;
  background-color: transparent;
}

.slider-card {
  margin-top: 3rem;
  margin-bottom: 2rem;
  padding: 1.5rem;
  width: 100%;
  border: 1px solid #8C9BA6;
  background-color: #FFFFFF;
  border-radius: 4px;
  box-shadow: none;
}
.slider-card .card-header .col-6 {
  padding-right: 0;
}
.slider-card .card-header div:nth-child(2) {
  text-align: right;
}
.slider-card .card-header div:nth-child(2) .mat-icon-button,
.slider-card .card-header div:nth-child(2) .mat-mdc-icon-button {
  width: auto;
}
.slider-card .details {
  color: #3e3e3e;
}
.slider-card .details .grid-row {
  margin-top: 0.75rem;
}
.slider-card .details .grid-row div strong {
  display: block;
  font-size: 0.675rem;
}
.slider-card table td.mat-cell,
.slider-card table td.mat-mdc-cell {
  padding: 6px 0 9px 0;
  border-top: 1px solid #DFE3E6;
}
.slider-card table td.mat-cell span.label,
.slider-card table td.mat-mdc-cell span.label {
  font-weight: normal;
}
.slider-card table td:nth-child(2) {
  font-weight: bold;
  text-align: right;
}

.verein {
  display: flex;
  flex-direction: row;
}

.vereins-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  width: 3rem;
  height: 3rem;
  color: var(--white);
  font-weight: bold;
  letter-spacing: 0.57px;
  font-size: var(--font-size-lg);
  background: var(--white) 50% 50% no-repeat;
  background-size: contain;
}
.vereins-logo.large {
  width: 6rem;
  height: 6rem;
  font-size: var(--h2-font-size);
}
.vereins-logo + .vereins-data {
  margin-left: 1rem;
}
.vereins-logo > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.vereins-name {
  font-weight: bold;
  font-family: var(--font-family-poppins);
  font-size: var(--h3-font-size);
}

.vereins-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vereins-data .name {
  font-size: var(--h3-font-size);
  font-family: var(--font-family-poppins);
  font-weight: var(--font-weight-bold);
}
.vereins-data .btn-stroked {
  margin-top: 0.25rem;
}

.upload-container {
  position: relative;
  display: block;
  width: 6rem;
  height: 6rem;
}
.upload-container:focus-within .upload-action-add,
.upload-container:focus-within .upload-actions-edit, .upload-container:focus-visible .upload-action-add,
.upload-container:focus-visible .upload-actions-edit, .upload-container:hover .upload-action-add,
.upload-container:hover .upload-actions-edit {
  opacity: 1;
  visibility: visible;
}
.upload-container .upload-action-add,
.upload-container .upload-actions-edit {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.upload-container .upload-action-edit,
.upload-container .upload-action-delete,
.upload-container .upload-action-add,
.upload-container .upload-actions-edit {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload-container .upload-action-edit svg,
.upload-container .upload-action-delete svg,
.upload-container .upload-action-add svg,
.upload-container .upload-actions-edit svg {
  fill: currentColor;
}
.layout-sport .upload-container .upload-action-edit,
.layout-sport .upload-container .upload-action-delete,
.layout-sport .upload-container .upload-action-add,
.layout-sport .upload-container .upload-actions-edit {
  color: var(--theme-sport-primary);
}
.layout-verein .upload-container .upload-action-edit,
.layout-verein .upload-container .upload-action-delete,
.layout-verein .upload-container .upload-action-add,
.layout-verein .upload-container .upload-actions-edit {
  color: var(--theme-verein-primary);
}
.layout-verband .upload-container .upload-action-edit,
.layout-verband .upload-container .upload-action-delete,
.layout-verband .upload-container .upload-action-add,
.layout-verband .upload-container .upload-actions-edit {
  color: var(--theme-verband-primary);
}
.layout-public .upload-container .upload-action-edit,
.layout-public .upload-container .upload-action-delete,
.layout-public .upload-container .upload-action-add,
.layout-public .upload-container .upload-actions-edit {
  color: var(--theme-public-primary);
}
.layout-digital .upload-container .upload-action-edit,
.layout-digital .upload-container .upload-action-delete,
.layout-digital .upload-container .upload-action-add,
.layout-digital .upload-container .upload-actions-edit {
  color: var(--theme-digital-primary);
}
.upload-container .upload-action-edit,
.upload-container .upload-action-delete,
.upload-container .upload-action-add {
  background: var(--white);
  cursor: pointer;
}
.upload-container .upload-actions-edit {
  background: rgba(0, 0, 0, 0.5);
}
.upload-container .upload-action-add {
  border: 1px dashed var(--gray-300);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.upload-container .upload-action-edit,
.upload-container .upload-action-delete {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
}
.upload-container .upload-action-edit:not(:first-child),
.upload-container .upload-action-delete:not(:first-child) {
  margin-left: 0.5rem;
}
.layout-sport .upload-container .upload-action-edit:hover,
.layout-sport .upload-container .upload-action-delete:hover {
  background: var(--theme-sport-primary);
  color: var(--white);
}
.layout-verein .upload-container .upload-action-edit:hover,
.layout-verein .upload-container .upload-action-delete:hover {
  background: var(--theme-verein-primary);
  color: var(--white);
}
.layout-verband .upload-container .upload-action-edit:hover,
.layout-verband .upload-container .upload-action-delete:hover {
  background: var(--theme-verband-primary);
  color: var(--white);
}
.layout-public .upload-container .upload-action-edit:hover,
.layout-public .upload-container .upload-action-delete:hover {
  background: var(--theme-public-primary);
  color: var(--white);
}
.layout-digital .upload-container .upload-action-edit:hover,
.layout-digital .upload-container .upload-action-delete:hover {
  background: var(--theme-digital-primary);
  color: var(--white);
}

.mat-mdc-ripple-element,
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0s cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-tab-header,
.mat-mdc-tab-header {
  display: flex;
  overflow: hidden;
  width: 100%;
  position: relative;
  flex-shrink: 0;
}
.mat-tab-header .mat-ink-bar,
.mat-tab-header .mat-mdc-ink-bar,
.mat-mdc-tab-header .mat-ink-bar,
.mat-mdc-tab-header .mat-mdc-ink-bar {
  position: absolute;
  bottom: 0;
  height: 4px;
  transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}
.layout-sport .mat-tab-header .mat-ink-bar,
.layout-sport .mat-tab-header .mat-mdc-ink-bar,
.layout-sport .mat-mdc-tab-header .mat-ink-bar,
.layout-sport .mat-mdc-tab-header .mat-mdc-ink-bar {
  background-color: var(--theme-sport-primary);
}
.layout-verein .mat-tab-header .mat-ink-bar,
.layout-verein .mat-tab-header .mat-mdc-ink-bar,
.layout-verein .mat-mdc-tab-header .mat-ink-bar,
.layout-verein .mat-mdc-tab-header .mat-mdc-ink-bar {
  background-color: var(--theme-verein-primary);
}
.layout-verband .mat-tab-header .mat-ink-bar,
.layout-verband .mat-tab-header .mat-mdc-ink-bar,
.layout-verband .mat-mdc-tab-header .mat-ink-bar,
.layout-verband .mat-mdc-tab-header .mat-mdc-ink-bar {
  background-color: var(--theme-verband-primary);
}
.layout-public .mat-tab-header .mat-ink-bar,
.layout-public .mat-tab-header .mat-mdc-ink-bar,
.layout-public .mat-mdc-tab-header .mat-ink-bar,
.layout-public .mat-mdc-tab-header .mat-mdc-ink-bar {
  background-color: var(--theme-public-primary);
}
.layout-digital .mat-tab-header .mat-ink-bar,
.layout-digital .mat-tab-header .mat-mdc-ink-bar,
.layout-digital .mat-mdc-tab-header .mat-ink-bar,
.layout-digital .mat-mdc-tab-header .mat-mdc-ink-bar {
  background-color: var(--theme-digital-primary);
}
.mat-tab-header .mat-tab-link,
.mat-tab-header .mat-mdc-tab-link,
.mat-mdc-tab-header .mat-tab-link,
.mat-mdc-tab-header .mat-mdc-tab-link {
  height: 3rem !important;
  padding: 0 0.75rem;
  cursor: pointer;
  box-sizing: border-box;
  font-size: var(--font-size-sm);
  font-weight: bold;
  letter-spacing: 0.54px;
  text-transform: uppercase;
  opacity: 0.5;
  min-width: 140px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  vertical-align: top;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}
.mat-tab-header .mat-tab-link .mat-ripple-element,
.mat-tab-header .mat-tab-link .mat-mdc-ripple-element,
.mat-tab-header .mat-mdc-tab-link .mat-ripple-element,
.mat-tab-header .mat-mdc-tab-link .mat-mdc-ripple-element,
.mat-mdc-tab-header .mat-tab-link .mat-ripple-element,
.mat-mdc-tab-header .mat-tab-link .mat-mdc-ripple-element,
.mat-mdc-tab-header .mat-mdc-tab-link .mat-ripple-element,
.mat-mdc-tab-header .mat-mdc-tab-link .mat-mdc-ripple-element {
  display: none;
}
.mat-tab-header .mat-tab-link.mdc-tab--active, .mat-tab-header .mat-tab-link:hover, .mat-tab-header .mat-tab-link.mat-tab-label-active, .mat-tab-header .mat-tab-link:hover, .mat-tab-header .mat-tab-link[ng-reflect-active=true], .mat-tab-header .mat-tab-link.mat-mdc-tab-label-active,
.mat-tab-header .mat-mdc-tab-link.mdc-tab--active,
.mat-tab-header .mat-mdc-tab-link:hover,
.mat-tab-header .mat-mdc-tab-link.mat-tab-label-active,
.mat-tab-header .mat-mdc-tab-link:hover,
.mat-tab-header .mat-mdc-tab-link[ng-reflect-active=true],
.mat-tab-header .mat-mdc-tab-link.mat-mdc-tab-label-active,
.mat-mdc-tab-header .mat-tab-link.mdc-tab--active,
.mat-mdc-tab-header .mat-tab-link:hover,
.mat-mdc-tab-header .mat-tab-link.mat-tab-label-active,
.mat-mdc-tab-header .mat-tab-link:hover,
.mat-mdc-tab-header .mat-tab-link[ng-reflect-active=true],
.mat-mdc-tab-header .mat-tab-link.mat-mdc-tab-label-active,
.mat-mdc-tab-header .mat-mdc-tab-link.mdc-tab--active,
.mat-mdc-tab-header .mat-mdc-tab-link:hover,
.mat-mdc-tab-header .mat-mdc-tab-link.mat-tab-label-active,
.mat-mdc-tab-header .mat-mdc-tab-link:hover,
.mat-mdc-tab-header .mat-mdc-tab-link[ng-reflect-active=true],
.mat-mdc-tab-header .mat-mdc-tab-link.mat-mdc-tab-label-active {
  text-decoration: none;
}
.layout-sport .mat-tab-header .mat-tab-link.mdc-tab--active, .layout-sport .mat-tab-header .mat-tab-link:hover, .layout-sport .mat-tab-header .mat-tab-link.mat-tab-label-active, .layout-sport .mat-tab-header .mat-tab-link:hover, .layout-sport .mat-tab-header .mat-tab-link[ng-reflect-active=true], .layout-sport .mat-tab-header .mat-tab-link.mat-mdc-tab-label-active,
.layout-sport .mat-tab-header .mat-mdc-tab-link.mdc-tab--active,
.layout-sport .mat-tab-header .mat-mdc-tab-link:hover,
.layout-sport .mat-tab-header .mat-mdc-tab-link.mat-tab-label-active,
.layout-sport .mat-tab-header .mat-mdc-tab-link:hover,
.layout-sport .mat-tab-header .mat-mdc-tab-link[ng-reflect-active=true],
.layout-sport .mat-tab-header .mat-mdc-tab-link.mat-mdc-tab-label-active,
.layout-sport .mat-mdc-tab-header .mat-tab-link.mdc-tab--active,
.layout-sport .mat-mdc-tab-header .mat-tab-link:hover,
.layout-sport .mat-mdc-tab-header .mat-tab-link.mat-tab-label-active,
.layout-sport .mat-mdc-tab-header .mat-tab-link:hover,
.layout-sport .mat-mdc-tab-header .mat-tab-link[ng-reflect-active=true],
.layout-sport .mat-mdc-tab-header .mat-tab-link.mat-mdc-tab-label-active,
.layout-sport .mat-mdc-tab-header .mat-mdc-tab-link.mdc-tab--active,
.layout-sport .mat-mdc-tab-header .mat-mdc-tab-link:hover,
.layout-sport .mat-mdc-tab-header .mat-mdc-tab-link.mat-tab-label-active,
.layout-sport .mat-mdc-tab-header .mat-mdc-tab-link:hover,
.layout-sport .mat-mdc-tab-header .mat-mdc-tab-link[ng-reflect-active=true],
.layout-sport .mat-mdc-tab-header .mat-mdc-tab-link.mat-mdc-tab-label-active {
  color: var(--theme-sport-primary);
  opacity: 1;
  transition: opacity 0.25s;
}
.layout-verein .mat-tab-header .mat-tab-link.mdc-tab--active, .layout-verein .mat-tab-header .mat-tab-link:hover, .layout-verein .mat-tab-header .mat-tab-link.mat-tab-label-active, .layout-verein .mat-tab-header .mat-tab-link:hover, .layout-verein .mat-tab-header .mat-tab-link[ng-reflect-active=true], .layout-verein .mat-tab-header .mat-tab-link.mat-mdc-tab-label-active,
.layout-verein .mat-tab-header .mat-mdc-tab-link.mdc-tab--active,
.layout-verein .mat-tab-header .mat-mdc-tab-link:hover,
.layout-verein .mat-tab-header .mat-mdc-tab-link.mat-tab-label-active,
.layout-verein .mat-tab-header .mat-mdc-tab-link:hover,
.layout-verein .mat-tab-header .mat-mdc-tab-link[ng-reflect-active=true],
.layout-verein .mat-tab-header .mat-mdc-tab-link.mat-mdc-tab-label-active,
.layout-verein .mat-mdc-tab-header .mat-tab-link.mdc-tab--active,
.layout-verein .mat-mdc-tab-header .mat-tab-link:hover,
.layout-verein .mat-mdc-tab-header .mat-tab-link.mat-tab-label-active,
.layout-verein .mat-mdc-tab-header .mat-tab-link:hover,
.layout-verein .mat-mdc-tab-header .mat-tab-link[ng-reflect-active=true],
.layout-verein .mat-mdc-tab-header .mat-tab-link.mat-mdc-tab-label-active,
.layout-verein .mat-mdc-tab-header .mat-mdc-tab-link.mdc-tab--active,
.layout-verein .mat-mdc-tab-header .mat-mdc-tab-link:hover,
.layout-verein .mat-mdc-tab-header .mat-mdc-tab-link.mat-tab-label-active,
.layout-verein .mat-mdc-tab-header .mat-mdc-tab-link:hover,
.layout-verein .mat-mdc-tab-header .mat-mdc-tab-link[ng-reflect-active=true],
.layout-verein .mat-mdc-tab-header .mat-mdc-tab-link.mat-mdc-tab-label-active {
  color: var(--theme-verein-primary);
  opacity: 1;
  transition: opacity 0.25s;
}
.layout-verband .mat-tab-header .mat-tab-link.mdc-tab--active, .layout-verband .mat-tab-header .mat-tab-link:hover, .layout-verband .mat-tab-header .mat-tab-link.mat-tab-label-active, .layout-verband .mat-tab-header .mat-tab-link:hover, .layout-verband .mat-tab-header .mat-tab-link[ng-reflect-active=true], .layout-verband .mat-tab-header .mat-tab-link.mat-mdc-tab-label-active,
.layout-verband .mat-tab-header .mat-mdc-tab-link.mdc-tab--active,
.layout-verband .mat-tab-header .mat-mdc-tab-link:hover,
.layout-verband .mat-tab-header .mat-mdc-tab-link.mat-tab-label-active,
.layout-verband .mat-tab-header .mat-mdc-tab-link:hover,
.layout-verband .mat-tab-header .mat-mdc-tab-link[ng-reflect-active=true],
.layout-verband .mat-tab-header .mat-mdc-tab-link.mat-mdc-tab-label-active,
.layout-verband .mat-mdc-tab-header .mat-tab-link.mdc-tab--active,
.layout-verband .mat-mdc-tab-header .mat-tab-link:hover,
.layout-verband .mat-mdc-tab-header .mat-tab-link.mat-tab-label-active,
.layout-verband .mat-mdc-tab-header .mat-tab-link:hover,
.layout-verband .mat-mdc-tab-header .mat-tab-link[ng-reflect-active=true],
.layout-verband .mat-mdc-tab-header .mat-tab-link.mat-mdc-tab-label-active,
.layout-verband .mat-mdc-tab-header .mat-mdc-tab-link.mdc-tab--active,
.layout-verband .mat-mdc-tab-header .mat-mdc-tab-link:hover,
.layout-verband .mat-mdc-tab-header .mat-mdc-tab-link.mat-tab-label-active,
.layout-verband .mat-mdc-tab-header .mat-mdc-tab-link:hover,
.layout-verband .mat-mdc-tab-header .mat-mdc-tab-link[ng-reflect-active=true],
.layout-verband .mat-mdc-tab-header .mat-mdc-tab-link.mat-mdc-tab-label-active {
  color: var(--theme-verband-primary);
  opacity: 1;
  transition: opacity 0.25s;
}
.layout-public .mat-tab-header .mat-tab-link.mdc-tab--active, .layout-public .mat-tab-header .mat-tab-link:hover, .layout-public .mat-tab-header .mat-tab-link.mat-tab-label-active, .layout-public .mat-tab-header .mat-tab-link:hover, .layout-public .mat-tab-header .mat-tab-link[ng-reflect-active=true], .layout-public .mat-tab-header .mat-tab-link.mat-mdc-tab-label-active,
.layout-public .mat-tab-header .mat-mdc-tab-link.mdc-tab--active,
.layout-public .mat-tab-header .mat-mdc-tab-link:hover,
.layout-public .mat-tab-header .mat-mdc-tab-link.mat-tab-label-active,
.layout-public .mat-tab-header .mat-mdc-tab-link:hover,
.layout-public .mat-tab-header .mat-mdc-tab-link[ng-reflect-active=true],
.layout-public .mat-tab-header .mat-mdc-tab-link.mat-mdc-tab-label-active,
.layout-public .mat-mdc-tab-header .mat-tab-link.mdc-tab--active,
.layout-public .mat-mdc-tab-header .mat-tab-link:hover,
.layout-public .mat-mdc-tab-header .mat-tab-link.mat-tab-label-active,
.layout-public .mat-mdc-tab-header .mat-tab-link:hover,
.layout-public .mat-mdc-tab-header .mat-tab-link[ng-reflect-active=true],
.layout-public .mat-mdc-tab-header .mat-tab-link.mat-mdc-tab-label-active,
.layout-public .mat-mdc-tab-header .mat-mdc-tab-link.mdc-tab--active,
.layout-public .mat-mdc-tab-header .mat-mdc-tab-link:hover,
.layout-public .mat-mdc-tab-header .mat-mdc-tab-link.mat-tab-label-active,
.layout-public .mat-mdc-tab-header .mat-mdc-tab-link:hover,
.layout-public .mat-mdc-tab-header .mat-mdc-tab-link[ng-reflect-active=true],
.layout-public .mat-mdc-tab-header .mat-mdc-tab-link.mat-mdc-tab-label-active {
  color: var(--theme-public-primary);
  opacity: 1;
  transition: opacity 0.25s;
}
.layout-digital .mat-tab-header .mat-tab-link.mdc-tab--active, .layout-digital .mat-tab-header .mat-tab-link:hover, .layout-digital .mat-tab-header .mat-tab-link.mat-tab-label-active, .layout-digital .mat-tab-header .mat-tab-link:hover, .layout-digital .mat-tab-header .mat-tab-link[ng-reflect-active=true], .layout-digital .mat-tab-header .mat-tab-link.mat-mdc-tab-label-active,
.layout-digital .mat-tab-header .mat-mdc-tab-link.mdc-tab--active,
.layout-digital .mat-tab-header .mat-mdc-tab-link:hover,
.layout-digital .mat-tab-header .mat-mdc-tab-link.mat-tab-label-active,
.layout-digital .mat-tab-header .mat-mdc-tab-link:hover,
.layout-digital .mat-tab-header .mat-mdc-tab-link[ng-reflect-active=true],
.layout-digital .mat-tab-header .mat-mdc-tab-link.mat-mdc-tab-label-active,
.layout-digital .mat-mdc-tab-header .mat-tab-link.mdc-tab--active,
.layout-digital .mat-mdc-tab-header .mat-tab-link:hover,
.layout-digital .mat-mdc-tab-header .mat-tab-link.mat-tab-label-active,
.layout-digital .mat-mdc-tab-header .mat-tab-link:hover,
.layout-digital .mat-mdc-tab-header .mat-tab-link[ng-reflect-active=true],
.layout-digital .mat-mdc-tab-header .mat-tab-link.mat-mdc-tab-label-active,
.layout-digital .mat-mdc-tab-header .mat-mdc-tab-link.mdc-tab--active,
.layout-digital .mat-mdc-tab-header .mat-mdc-tab-link:hover,
.layout-digital .mat-mdc-tab-header .mat-mdc-tab-link.mat-tab-label-active,
.layout-digital .mat-mdc-tab-header .mat-mdc-tab-link:hover,
.layout-digital .mat-mdc-tab-header .mat-mdc-tab-link[ng-reflect-active=true],
.layout-digital .mat-mdc-tab-header .mat-mdc-tab-link.mat-mdc-tab-label-active {
  color: var(--theme-digital-primary);
  opacity: 1;
  transition: opacity 0.25s;
}
.mat-tab-header .mat-tab-link-container,
.mat-tab-header .mat-mdc-tab-link-container,
.mat-mdc-tab-header .mat-tab-link-container,
.mat-mdc-tab-header .mat-mdc-tab-link-container {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  z-index: 1;
  border-bottom: none;
  scrollbar-width: none;
}
.mat-tab-header .mat-tab-link-container::-webkit-scrollbar,
.mat-tab-header .mat-mdc-tab-link-container::-webkit-scrollbar,
.mat-mdc-tab-header .mat-tab-link-container::-webkit-scrollbar,
.mat-mdc-tab-header .mat-mdc-tab-link-container::-webkit-scrollbar {
  display: none;
}
.mat-tab-header .mat-tab-list,
.mat-tab-header .mat-mdc-tab-list,
.mat-mdc-tab-header .mat-tab-list,
.mat-mdc-tab-header .mat-mdc-tab-list {
  flex-grow: 1;
  position: relative;
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}
.mat-tab-header .mat-tab-links,
.mat-tab-header .mat-mdc-tab-links,
.mat-mdc-tab-header .mat-tab-links,
.mat-mdc-tab-header .mat-mdc-tab-links {
  display: flex;
}

.mat-mdc-tab-header {
  width: initial;
}

.cdk-tree-node {
  display: block;
}
.cdk-tree-node .cdk-tree-node {
  padding-left: 2.25rem;
}

.cdk-tree-node-level-1 > .cdk-tree-node-item:before {
  background: var(--gray-300);
}

.cdk-tree-node-level-2 > .cdk-tree-node-item:before {
  background: var(--gray-400);
}

.cdk-tree-node-item {
  position: relative;
  height: 3rem;
  display: flex;
  align-items: center;
  background: var(--white);
  border-bottom: 1px solid var(--gray-500);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.cdk-tree-node-item:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -1px;
  left: -0.25rem;
  width: 0.25rem;
}
.cdk-tree-node-item .badge {
  width: 1.75rem;
}
.cdk-tree-node-item .mat-mdc-icon-button,
.cdk-tree-node-item .mat-icon-button {
  color: var(--gray-300);
}

.cdk-tree-node-item-label {
  flex: 1;
}
.cdk-tree-node-item-label:not(:first-child) {
  padding-left: 0.75rem;
}

.progress-container {
  position: relative;
  padding-right: 3.5rem;
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  background: #B1E3FA;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  background: #44C7F4;
  transition: width 0.25s ease;
}

.progress-value {
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
  font-weight: bold;
}

.mat-chip-list-wrapper,
.mat-mdc-chip-list-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: -0.25rem;
}
.mat-chip-list-wrapper .mat-standard-chip,
.mat-chip-list-wrapper .mat-mdc-chip,
.mat-mdc-chip-list-wrapper .mat-standard-chip,
.mat-mdc-chip-list-wrapper .mat-mdc-chip {
  margin: 0.25rem;
}

.chip-entry .mat-chip,
.chip-entry .mat-mdc-chip {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  padding: 0.8rem 0 0.7rem;
  min-height: 1rem;
  min-width: 2.8rem;
  margin-left: 1rem;
  pointer-events: none;
  align-content: center;
}
.chip-entry .mat-chip span,
.chip-entry .mat-mdc-chip span {
  display: inline-block;
  margin: 0 auto;
}
.chip-entry span {
  margin-left: 1rem;
}

.mat-standard-chip,
.mat-mdc-chip {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 1rem;
  align-items: center;
  cursor: default;
  min-height: 2rem;
  height: 1px;
  color: var(--gray-200);
  background-color: var(--gray-400);
  font-weight: bold;
  font-size: var(--font-size-sm);
}
.mat-standard-chip.mat-chip-disabled, .mat-standard-chip.mat-mdc-chip-disabled,
.mat-mdc-chip.mat-chip-disabled,
.mat-mdc-chip.mat-mdc-chip-disabled {
  text-decoration: line-through;
}
.mat-standard-chip.mat-success,
.mat-mdc-chip.mat-success {
  color: #ffffff;
  background: var(--success);
}
.mat-standard-chip.mat-warning,
.mat-mdc-chip.mat-warning {
  color: #ffffff;
  background: var(--warning);
}
.mat-standard-chip.mat-error,
.mat-mdc-chip.mat-error {
  color: #ffffff;
  background: var(--error);
}
.mat-standard-chip.mat-leave,
.mat-mdc-chip.mat-leave {
  color: #ffffff;
  background: var(--leave);
}
.mat-standard-chip.mat-stable,
.mat-mdc-chip.mat-stable {
  color: #ffffff;
  background: var(--stable);
}
.mat-standard-chip.mat-entry,
.mat-mdc-chip.mat-entry {
  color: #ffffff;
  background: var(--entry);
}
.layout-sport .mat-standard-chip.mat-primary,
.layout-sport .mat-mdc-chip.mat-primary {
  color: #ffffff;
  background: var(--theme-sport-primary);
}
.layout-sport .mat-standard-chip.mat-primary.mat-success,
.layout-sport .mat-mdc-chip.mat-primary.mat-success {
  color: #ffffff;
  background: var(--success);
}
.layout-sport .mat-standard-chip.mat-primary.mat-warning,
.layout-sport .mat-mdc-chip.mat-primary.mat-warning {
  color: #ffffff;
  background: var(--warning);
}
.layout-sport .mat-standard-chip.mat-primary.mat-error,
.layout-sport .mat-mdc-chip.mat-primary.mat-error {
  color: #ffffff;
  background: var(--error);
}
.layout-sport .mat-standard-chip.mat-primary.mat-leave,
.layout-sport .mat-mdc-chip.mat-primary.mat-leave {
  color: #ffffff;
  background: var(--leave);
}
.layout-sport .mat-standard-chip.mat-primary.mat-stable,
.layout-sport .mat-mdc-chip.mat-primary.mat-stable {
  color: #ffffff;
  background: var(--stable);
}
.layout-sport .mat-standard-chip.mat-primary.mat-entry,
.layout-sport .mat-mdc-chip.mat-primary.mat-entry {
  color: #ffffff;
  background: var(--entry);
}
.layout-verein .mat-standard-chip.mat-primary,
.layout-verein .mat-mdc-chip.mat-primary {
  color: #ffffff;
  background: var(--theme-verein-primary);
}
.layout-verein .mat-standard-chip.mat-primary.mat-success,
.layout-verein .mat-mdc-chip.mat-primary.mat-success {
  color: #ffffff;
  background: var(--success);
}
.layout-verein .mat-standard-chip.mat-primary.mat-warning,
.layout-verein .mat-mdc-chip.mat-primary.mat-warning {
  color: #ffffff;
  background: var(--warning);
}
.layout-verein .mat-standard-chip.mat-primary.mat-error,
.layout-verein .mat-mdc-chip.mat-primary.mat-error {
  color: #ffffff;
  background: var(--error);
}
.layout-verein .mat-standard-chip.mat-primary.mat-leave,
.layout-verein .mat-mdc-chip.mat-primary.mat-leave {
  color: #ffffff;
  background: var(--leave);
}
.layout-verein .mat-standard-chip.mat-primary.mat-stable,
.layout-verein .mat-mdc-chip.mat-primary.mat-stable {
  color: #ffffff;
  background: var(--stable);
}
.layout-verein .mat-standard-chip.mat-primary.mat-entry,
.layout-verein .mat-mdc-chip.mat-primary.mat-entry {
  color: #ffffff;
  background: var(--entry);
}
.layout-verband .mat-standard-chip.mat-primary,
.layout-verband .mat-mdc-chip.mat-primary {
  color: #ffffff;
  background: var(--theme-verband-primary);
}
.layout-verband .mat-standard-chip.mat-primary.mat-success,
.layout-verband .mat-mdc-chip.mat-primary.mat-success {
  color: #ffffff;
  background: var(--success);
}
.layout-verband .mat-standard-chip.mat-primary.mat-warning,
.layout-verband .mat-mdc-chip.mat-primary.mat-warning {
  color: #ffffff;
  background: var(--warning);
}
.layout-verband .mat-standard-chip.mat-primary.mat-error,
.layout-verband .mat-mdc-chip.mat-primary.mat-error {
  color: #ffffff;
  background: var(--error);
}
.layout-verband .mat-standard-chip.mat-primary.mat-leave,
.layout-verband .mat-mdc-chip.mat-primary.mat-leave {
  color: #ffffff;
  background: var(--leave);
}
.layout-verband .mat-standard-chip.mat-primary.mat-stable,
.layout-verband .mat-mdc-chip.mat-primary.mat-stable {
  color: #ffffff;
  background: var(--stable);
}
.layout-verband .mat-standard-chip.mat-primary.mat-entry,
.layout-verband .mat-mdc-chip.mat-primary.mat-entry {
  color: #ffffff;
  background: var(--entry);
}
.layout-public .mat-standard-chip.mat-primary,
.layout-public .mat-mdc-chip.mat-primary {
  color: #ffffff;
  background: var(--theme-public-primary);
}
.layout-public .mat-standard-chip.mat-primary.mat-success,
.layout-public .mat-mdc-chip.mat-primary.mat-success {
  color: #ffffff;
  background: var(--success);
}
.layout-public .mat-standard-chip.mat-primary.mat-warning,
.layout-public .mat-mdc-chip.mat-primary.mat-warning {
  color: #ffffff;
  background: var(--warning);
}
.layout-public .mat-standard-chip.mat-primary.mat-error,
.layout-public .mat-mdc-chip.mat-primary.mat-error {
  color: #ffffff;
  background: var(--error);
}
.layout-public .mat-standard-chip.mat-primary.mat-leave,
.layout-public .mat-mdc-chip.mat-primary.mat-leave {
  color: #ffffff;
  background: var(--leave);
}
.layout-public .mat-standard-chip.mat-primary.mat-stable,
.layout-public .mat-mdc-chip.mat-primary.mat-stable {
  color: #ffffff;
  background: var(--stable);
}
.layout-public .mat-standard-chip.mat-primary.mat-entry,
.layout-public .mat-mdc-chip.mat-primary.mat-entry {
  color: #ffffff;
  background: var(--entry);
}
.layout-digital .mat-standard-chip.mat-primary,
.layout-digital .mat-mdc-chip.mat-primary {
  color: #ffffff;
  background: var(--theme-digital-primary);
}
.layout-digital .mat-standard-chip.mat-primary.mat-success,
.layout-digital .mat-mdc-chip.mat-primary.mat-success {
  color: #ffffff;
  background: var(--success);
}
.layout-digital .mat-standard-chip.mat-primary.mat-warning,
.layout-digital .mat-mdc-chip.mat-primary.mat-warning {
  color: #ffffff;
  background: var(--warning);
}
.layout-digital .mat-standard-chip.mat-primary.mat-error,
.layout-digital .mat-mdc-chip.mat-primary.mat-error {
  color: #ffffff;
  background: var(--error);
}
.layout-digital .mat-standard-chip.mat-primary.mat-leave,
.layout-digital .mat-mdc-chip.mat-primary.mat-leave {
  color: #ffffff;
  background: var(--leave);
}
.layout-digital .mat-standard-chip.mat-primary.mat-stable,
.layout-digital .mat-mdc-chip.mat-primary.mat-stable {
  color: #ffffff;
  background: var(--stable);
}
.layout-digital .mat-standard-chip.mat-primary.mat-entry,
.layout-digital .mat-mdc-chip.mat-primary.mat-entry {
  color: #ffffff;
  background: var(--entry);
}

.mat-standard-chip-xs,
.mat-mdc-chip-xs {
  min-height: 1.5rem;
  font-size: var(--font-size-xs);
  padding: 2px 10px;
  border-radius: 0.75rem;
}

.mat-mdc-chip {
  margin-left: 1rem;
  color: #FFFFFF;
}
.mat-mdc-chip.mat-primary {
  background: none !important;
}
.mat-mdc-chip.mat-chip-disabled {
  text-decoration: line-through;
}
.layout-sport .mat-mdc-chip .mdc-evolution-chip__cell {
  background: var(--theme-sport-primary) !important;
}
.layout-verein .mat-mdc-chip .mdc-evolution-chip__cell {
  background: var(--theme-verein-primary) !important;
}
.layout-verband .mat-mdc-chip .mdc-evolution-chip__cell {
  background: var(--theme-verband-primary) !important;
}
.layout-public .mat-mdc-chip .mdc-evolution-chip__cell {
  background: var(--theme-public-primary) !important;
}
.layout-digital .mat-mdc-chip .mdc-evolution-chip__cell {
  background: var(--theme-digital-primary) !important;
}
.mat-mdc-chip.mat-stable .mdc-evolution-chip__cell, .mat-mdc-chip.info .mdc-evolution-chip__cell {
  background: var(--stable) !important;
}
.mat-mdc-chip.mat-leave .mdc-evolution-chip__cell, .mat-mdc-chip.danger .mdc-evolution-chip__cell {
  background: var(--leave) !important;
}
.mat-mdc-chip.mat-error .mdc-evolution-chip__cell {
  background: var(--error) !important;
}
.mat-mdc-chip.mat-entry .mdc-evolution-chip__cell, .mat-mdc-chip.success .mdc-evolution-chip__cell {
  background: var(--entry) !important;
}
.mat-mdc-chip.mat-success .mdc-evolution-chip__cell {
  background: var(--success) !important;
}
.mat-mdc-chip.mat-warning .mdc-evolution-chip__cell {
  background: var(--warning) !important;
}
.mat-mdc-chip span {
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}
.mat-mdc-chip .mdc-evolution-chip__text-label {
  padding: 0 1rem !important;
}

#compatibility-warning.show {
  display: block !important;
}
#compatibility-warning #compatibility-warning-backdrop {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.75;
  background: #000;
  z-index: 1;
}
#compatibility-warning #compatibility-warning-overlay {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  position: absolute;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
  max-width: 640px;
  max-height: 505px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 50px 35px 30px;
  text-align: center;
  z-index: 10;
  width: 100%;
}
#compatibility-warning #compatibility-warning-overlay .header {
  margin: 0 auto;
  max-width: 400px;
  width: 100%;
}
#compatibility-warning #compatibility-warning-overlay .header h2 {
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 1.875rem;
}
#compatibility-warning #compatibility-warning-overlay .header p {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 0;
}
#compatibility-warning #compatibility-warning-overlay .body {
  display: flex;
  justify-content: space-around;
}
#compatibility-warning #compatibility-warning-overlay .body .browser {
  text-align: center;
}
#compatibility-warning #compatibility-warning-overlay .body .browser .browser-logo {
  max-width: 52px;
  margin: 0 auto 10px auto;
}
#compatibility-warning #compatibility-warning-overlay .body .browser .name {
  font-size: 1rem;
  font-weight: bold;
}
#compatibility-warning #compatibility-warning-overlay .body .browser .link {
  font-weight: bold;
  font-size: 0.75rem;
  text-decoration: none;
  color: #E22D18;
  text-transform: uppercase;
}
#compatibility-warning #compatibility-warning-overlay .body .browser .image {
  background: url("https://placehold.it/82x82") center;
  width: 82px;
  height: 82px;
  background-size: contain;
  margin: 0 auto;
}
#compatibility-warning #compatibility-warning-overlay .keep-using {
  opacity: 0.5;
  font-weight: bold;
  cursor: pointer;
  text-transform: uppercase;
}

.mat-mdc-tooltip-panel,
.mat-tooltip-panel {
  pointer-events: none !important;
}

.mat-mdc-tooltip,
.mat-tooltip {
  color: var(--white);
  border-radius: 4px;
  margin: 0;
  max-width: 180px;
  padding: 8px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: var(--gray-100);
  font-size: var(--font-size-xs);
  white-space: pre-line;
}
.mat-mdc-tooltip.mat-mdc-tooltip-fluid, .mat-mdc-tooltip.mat-tooltip-fluid,
.mat-tooltip.mat-mdc-tooltip-fluid,
.mat-tooltip.mat-tooltip-fluid {
  max-width: none;
}
.mat-mdc-tooltip.toolbar-menu-tooltip,
.mat-tooltip.toolbar-menu-tooltip {
  padding: 10px 20px 20px;
  margin: 5px 0;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  background-color: var(--black);
  position: relative;
  max-width: 410px;
}

.mat-mdc-tooltip-handset,
.mat-tooltip-handset {
  margin: 24px;
  padding-left: 16px;
  padding-right: 16px;
}

.mat-mdc-menu-item[disabled]:hover,
.mat-mdc-menu-panel .mat-mdc-menu-item[disabled]:hover,
.mat-mdc-menu-panel .mat-mdc-menu-item[disabled]:after:hover {
  color: inherit !important;
}

.option-list .nutzer-avatar {
  box-shadow: none;
}
.option-list .nutzer-data .nutzer-name {
  color: black;
  display: flex;
  flex-direction: row;
  line-height: initial;
}
.option-list .nutzer-data .nutzer-geburtstag {
  color: var(--gray-200);
  font-size: 0.75rem;
  line-height: initial;
}

.mat-slide-toggle,
.mat-mdc-slide-toggle {
  display: inline-block;
  height: 24px;
  max-width: 100%;
  line-height: 24px;
  white-space: nowrap;
  outline: 0;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container,
.mat-mdc-slide-toggle.mat-checked .mat-mdc-slide-toggle-thumb-container {
  transform: translate3d(16px, 0, 0);
}

[dir=rtl] .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container,
[dir=rtl] .mat-mdc-slide-toggle.mat-checked .mat-mdc-slide-toggle-thumb-container {
  transform: translate3d(-16px, 0, 0);
  background-color: red;
}

.mat-slide-toggle.mat-disabled,
.mat-mdc-slide-toggle.mat-disabled {
  opacity: 0.38;
}

.mat-slide-toggle.mat-disabled .mat-slide-toggle-label, .mat-slide-toggle.mat-disabled .mat-slide-toggle-thumb-container,
.mat-mdc-slide-toggle.mat-disabled .mat-mdc-slide-toggle-label, .mat-mdc-slide-toggle.mat-disabled .mat-mdc-slide-toggle-thumb-container {
  cursor: default;
}

.mat-slide-toggle-label,
.mat-mdc-slide-toggle-label {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  height: inherit;
  cursor: pointer;
}

.mat-slide-toggle-content,
.mat-mdc-slide-toggle-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mat-slide-toggle-label-before .mat-slide-toggle-label,
.mat-mdc-slide-toggle-label-before .mat-mdc-slide-toggle-label {
  order: 1;
}

.mat-mdc-slide-toggle-label-before .mat-mdc-slide-toggle-bar,
.mat-slide-toggle-label-before .mat-slide-toggle-bar {
  order: 2;
}

.mat-slide-toggle-bar,
.mat-mdc-slide-toggle-bar,
[dir=rtl] .mat-slide-toggle-label-before .mat-slide-toggle-bar,
[dir=rtl] .mat-mdc-slide-toggle-label-before .mat-mdc-slide-toggle-bar {
  margin-right: 8px;
  margin-left: 0;
}

.mat-slide-toggle-label-before .mat-slide-toggle-bar,
.mat-mdc-slide-toggle-label-before .mat-mdc-slide-toggle-bar,
[dir=rtl] .mat-slide-toggle-bar,
[dir=rtl] .mat-mdc-slide-toggle-bar {
  margin-left: 8px;
  margin-right: 0;
}

.mat-slide-toggle-bar-no-side-margin,
.mat-mdc-slide-toggle-bar-no-side-margin {
  margin-left: 0;
  margin-right: 0;
}

.mat-slide-toggle-thumb-container,
.mat-mdc-slide-toggle-thumb-container {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  top: -3px;
  left: 0;
  transform: translate3d(0, 0, 0);
  transition: all 80ms linear;
  transition-property: transform;
  cursor: grab;
}

.mat-slide-toggle-thumb-container.mat-dragging,
.mat-mdc-slide-toggle-thumb-container.mat-dragging {
  transition-duration: 0s;
}

.mat-slide-toggle-thumb-container:active,
.mat-mdc-slide-toggle-thumb-container:active {
  cursor: grabbing;
}

._mat-animation-noopable .mat-slide-toggle-thumb-container,
._mat-animation-noopable .mat-mdc-slide-toggle-thumb-container {
  transition: none;
}

[dir=rtl] .mat-slide-toggle-thumb-container,
[dir=rtl] .mat-mdc-slide-toggle-thumb-container {
  left: auto;
  right: 0;
}

.mat-slide-toggle-thumb,
.mat-mdc-slide-toggle-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: grey;
}

.mat-slide-toggle-bar,
.mat-mdc-slide-toggle-bar {
  position: relative;
  width: 36px;
  height: 14px;
  flex-shrink: 0;
  border-radius: 8px;
  background: grey;
}

.mat-slide-toggle-input,
.mat-mdc-slide-toggle-input {
  bottom: 0;
  left: 10px;
}

[dir=rtl] .mat-slide-toggle-input,
[dir=rtl] .mat-mdc-slide-toggle-input {
  left: auto;
  right: 10px;
}

.mat-slide-toggle-bar, .mat-slide-toggle-thumb,
.mat-mdc-slide-toggle-bar, .mat-mdc-slide-toggle-thumb {
  transition: all 80ms linear;
  transition-property: background-color;
  transition-delay: 50ms;
}

._mat-animation-noopable .mat-slide-toggle-bar, ._mat-animation-noopable .mat-slide-toggle-thumb,
._mat-animation-noopable .mat-mdc-slide-toggle-bar, ._mat-mdc-animation-noopable .mat-mdc-slide-toggle-thumb {
  transition: none;
}

.mat-slide-toggle .mat-slide-toggle-ripple,
.mat-mdc-slide-toggle .mat-mdc-slide-toggle-ripple {
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  height: 40px;
  width: 40px;
  z-index: 1;
  pointer-events: none;
}

.mat-slide-toggle .mat-slide-toggle-ripple .mat-ripple-element:not(.mat-slide-toggle-persistent-ripple),
.mat-mdc-slide-toggle .mat-mdc-slide-toggle-ripple .mat-mdc-ripple-element:not(.mat-mdc-slide-toggle-persistent-ripple) {
  opacity: 0.12;
}

.mat-slide-toggle-persistent-ripple,
.mat-mdc-slide-toggle-persistent-ripple {
  width: 100%;
  height: 100%;
  transform: none;
}

.mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple,
.mat-mdc-slide-toggle-bar:hover .mat-mdc-slide-toggle-persistent-ripple {
  opacity: 0.04;
}

.mat-slide-toggle:not(.mat-disabled).cdk-keyboard-focused .mat-slide-toggle-persistent-ripple,
.mat-mdc-slide-toggle:not(.mat-mdc-disabled).cdk-keyboard-focused .mat-mdc-slide-toggle-persistent-ripple {
  opacity: 0.12;
}

.mat-slide-toggle-persistent-ripple, .mat-slide-toggle.mat-disabled .mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple,
.mat-mdc-slide-toggle-persistent-ripple, .mat-mdc-slide-toggle.mat-mdc-disabled .mat-mdc-slide-toggle-bar:hover .mat-mdc-slide-toggle-persistent-ripple {
  opacity: 0;
}

@media (hover: none) {
  .mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple,
  .mat-mdc-slide-toggle-bar:hover .mat-mdc-slide-toggle-persistent-ripple {
    display: none;
  }
}
@media (-ms-high-contrast: active) {
  .mat-slide-toggle-thumb,
  .mat-mdc-slide-toggle-thumb {
    background: #fff;
    border: 1px solid #000;
  }
  .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb,
  .mat-mdc-slide-toggle.mat-mdc-checked .mat-mdc-slide-toggle-thumb {
    background: #000;
    border: 1px solid #fff;
  }
  .mat-slide-toggle-bar,
  .mat-mdc-slide-toggle-bar {
    background: #fff;
  }
  .mat-slide-toggle.cdk-keyboard-focused .mat-slide-toggle-bar,
  .mat-mdc-slide-toggle.cdk-keyboard-focused .mat-mdc-slide-toggle-bar {
    outline: 1px dotted;
    outline-offset: 5px;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mat-slide-toggle-bar,
  .mat-mdc-slide-toggle-bar {
    border: 1px solid #000;
  }
}
.mat-mdc-slide-toggle.mat-mdc-checked .mat-mdc-slide-toggle-bar,
.mat-mdc-slide-toggle.mat-mdc-checked .mat-slide-toggle-bar,
.mat-slide-toggle.mat-checked .mat-mdc-slide-toggle-bar,
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--secondary-400);
}
.mat-mdc-slide-toggle.mat-mdc-checked .mat-mdc-slide-toggle-thumb,
.mat-mdc-slide-toggle.mat-mdc-checked .mat-slide-toggle-thumb,
.mat-slide-toggle.mat-checked .mat-mdc-slide-toggle-thumb,
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--secondary-200);
}

.mat-mdc-slide-toggle .mat-mdc-slide-toggle-bar,
.mat-mdc-slide-toggle .mat-slide-toggle-bar,
.mat-slide-toggle .mat-mdc-slide-toggle-bar,
.mat-slide-toggle .mat-slide-toggle-bar {
  background-color: var(--gray-300);
}
.mat-mdc-slide-toggle .mat-mdc-slide-toggle-thumb,
.mat-mdc-slide-toggle .mat-slide-toggle-thumb,
.mat-slide-toggle .mat-mdc-slide-toggle-thumb,
.mat-slide-toggle .mat-slide-toggle-thumb {
  background-color: var(--gray-400);
}

.abteilungen, .sportarten {
  margin-left: 0;
  padding-left: 0;
}

.abteilungen {
  margin-top: 2rem;
}
.abteilungen li {
  margin-top: 1rem;
  list-style: none;
}
.abteilungen .abteilung {
  margin-bottom: 2.5rem;
}
.abteilungen .abteilung h4 {
  margin-bottom: 0.5rem;
}

.sportarten .sportart {
  margin-top: 0.4rem;
  padding-bottom: 0.5rem;
  border: 0;
  border-bottom: 1px solid var(--gray-300);
  font-size: 0.9rem;
}
.sportarten .sportart .name {
  font-weight: 700;
}
.sportarten .sportart .eintritt {
  text-align: right;
  padding-right: 2.5rem;
}
.sportarten .sportart .type {
  font-size: 0.8rem;
  color: var(--gray-300);
}
.sportarten .sportart .sportartHeader {
  position: relative;
  padding-bottom: 0;
}
.sportarten .sportart .sportartHeader .mat-mdc-icon-button,
.sportarten .sportart .sportartHeader .mat-icon-button {
  position: absolute;
  top: calc(50% - 1rem);
  right: -1rem;
}
.sportarten .sportart.gekuendigt > * {
  color: var(--gray-300);
}
.sportarten .sportart.gekuendigt .kuendigung-details {
  margin-top: 0.25rem;
  margin-bottom: 0;
  padding-right: 1.7rem;
}

athleta-swiper-slider {
  display: block;
  position: relative;
  overflow: hidden;
  container-type: inline-size;
  border-radius: 0.25rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  height: 100%;
}

.swiper-wrapper {
  display: flex;
  width: fit-content;
  height: 100%;
}

.swiper-slide {
  display: flex;
  flex-direction: column;
  border-radius: 0.25rem;
}
.swiper-slide:not(.swiper-slide-active) {
  pointer-events: none;
}
@container (max-width: 599px) {
  .swiper-slide {
    align-items: center;
  }
}
@container (min-width: 600px) {
  .swiper-slide {
    flex-direction: row;
  }
}
.swiper-slide .content-container {
  padding: 0 1rem 3rem 1rem;
  order: 2;
  text-align: center;
}
@container (min-width: 600px) {
  .swiper-slide .content-container {
    width: 66%;
    order: 1;
    text-align: left;
    padding: 2.5rem 2.5rem 3rem 2.5rem;
  }
}
.swiper-slide .content-container .content {
  min-height: 3rem;
}
.swiper-slide .content-container .buttons {
  margin-top: 1.5rem;
  min-height: 1rem;
}
@container (max-width: 599px) {
  .swiper-slide .content-container .buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@container (min-width: 600px) {
  .swiper-slide .content-container .buttons {
    margin-top: 3rem;
  }
}
.swiper-slide .content-container .buttons button,
.swiper-slide .content-container .buttons a {
  border: 1px solid var(--black);
}
@container (max-width: 599px) {
  .swiper-slide .content-container .buttons button,
  .swiper-slide .content-container .buttons a {
    font-size: 1rem;
    line-height: 2.875rem;
    min-height: 2.875rem;
    width: 80%;
  }
}
.swiper-slide .content-container .buttons button:first-child,
.swiper-slide .content-container .buttons a:first-child {
  background-color: var(--white);
}
@container (max-width: 599px) {
  .swiper-slide .content-container .buttons button:first-child,
  .swiper-slide .content-container .buttons a:first-child {
    margin-bottom: 0.5rem;
  }
}
.swiper-slide .content-container .buttons button:not(:last-child),
.swiper-slide .content-container .buttons a:not(:last-child) {
  margin-right: 0.5rem;
}
.swiper-slide .image-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.5rem 1rem 2rem 0;
  overflow: hidden;
  order: 1;
}
@container (min-width: 600px) {
  .swiper-slide .image-wrap {
    padding: 2.5rem 2.5rem 3rem 0;
    width: 33%;
    order: 2;
  }
}

.swiper-pagination {
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 1rem;
  left: 0;
  right: 0;
  height: 0.75rem;
}

.swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  border: 1px solid var(--black);
  background-color: transparent;
  margin: 0 0.375rem;
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  background-color: var(--black);
  cursor: default;
}

.neos-backend .swiper-wrapper:empty {
  min-height: 15rem;
}
.neos-backend div[data-__neos-fusion-path$="element<Athleta.Site:SwiperSlider>"] {
  height: 100%;
}
.neos-backend .swiper-slide .content:empty {
  box-shadow: 0 0 0 2px #adadad;
}
.neos-backend .swiper-slide .content:empty:hover {
  outline: 2px solid rgba(0, 0, 0, 0.2);
}
.neos-backend .swiper-slide .content[class*=" style__markActiveNodeAsFocused--focusedNode"] {
  outline: 2px solid #00ADEE;
}
.neos-backend .swiper-slide {
  pointer-events: none;
}
.neos-backend .swiper-slide-active {
  pointer-events: all;
}

.teaser-paket {
  background: var(--gray-600);
  padding: 1rem;
  border-radius: 0.25rem;
  text-align: center;
}
.teaser-paket h3 {
  margin-top: 2rem;
}
.teaser-paket p {
  color: #9A9CA8;
}

.paket-logo {
  text-align: right;
}
.paket-logo svg {
  display: inline;
}
.paket-logo svg .icon-bg, .paket-logo svg .package-name {
  fill: var(--theme-verein-light);
}
.paket-logo svg .icon-content {
  fill: #fff;
}
.paket-logo svg .package-base {
  fill: #999ca8;
}
.paket-logo svg .package-name {
  display: none;
}

.sport-fit svg {
  width: 162px;
}
.sport-fit svg .fit {
  display: block;
}

.sport-fun svg {
  width: 177px;
}
.sport-fun svg .fun {
  display: block;
}

.sport-start svg {
  width: 195px;
}
.sport-start svg .start {
  display: block;
}

.sport-profi svg .profi {
  display: block;
}

verein360-cockpit {
  display: block;
  max-width: 1610px;
  margin: 0 auto;
}
verein360-cockpit .widget-slot {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
}
verein360-cockpit [class^=col-md-],
verein360-cockpit [class^=col-lg-] {
  padding: 0 0.625rem 1.25rem 0.625rem;
}
verein360-cockpit [class^=col-lg-] {
  position: relative;
  width: 100%;
  min-height: 1px;
}
@media (min-width: 1440px) {
  verein360-cockpit .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  verein360-cockpit .col-lg-4 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  verein360-cockpit col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  verein360-cockpit .col-lg-8 {
    flex: 0 0 66.666%;
    max-width: 66.666%;
  }
}
verein360-cockpit .card {
  height: 100%;
  justify-content: space-between;
}
verein360-cockpit .card .card-header {
  align-items: center;
}
verein360-cockpit .card .card-header > svg:first-child {
  margin-left: 0.75rem;
}
verein360-cockpit .card .card-title,
verein360-cockpit .card .card-content {
  padding: 0.75rem 1rem;
}
verein360-cockpit .card .card-actions.align-right {
  text-align: right;
}
verein360-cockpit .card .card-actions.align-right button,
verein360-cockpit .card .card-actions.align-right a {
  padding-right: 0;
  text-transform: none;
  text-decoration: underline;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

body:not(.neos-backend) verein360-cockpit [class^=col-md-]:empty {
  display: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 1050;
}

.modal-dialog {
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modal.fade .modal-dialog {
  transform: scale(0);
}
.modal.show .modal-dialog {
  transform: scale(1);
}

.modal-content {
  display: block;
  position: relative;
  height: auto;
  width: 650px;
  max-height: calc(100vh - 20px);
  padding: 3rem 24px 24px 24px;
  border-radius: 4px;
  overflow: auto;
  pointer-events: auto;
  background-color: var(--white);
}

.modal.has-button-bar .modal-content {
  padding-bottom: 4.5rem;
}

.modal-button-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  padding: 1rem;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.2);
  clip-path: inset(-6px 0 0 0);
}
.modal-button-bar .btn {
  margin: 0 8px;
}

.card.link-list {
  justify-content: flex-start;
}

.link-list-item {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
}
.link-list-item:not(:last-child) {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--gray-400);
}
.link-list-item .athleta-image {
  width: 25%;
  margin: 0;
}
.link-list-item .content {
  flex-grow: 1;
  padding: 0 0.5rem;
}
.link-list-item .content h5 {
  padding: 0;
}
.link-list-item .content p {
  margin: 0;
}
.link-list-item svg {
  width: 10%;
}
.link-list-item .link-full {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.kontoeinstellungen .card-actions {
  margin-left: 0;
  margin-right: 0;
}
.kontoeinstellungen.form fieldset {
  margin-bottom: 3rem;
}
.kontoeinstellungen .svg-success {
  margin-bottom: 3rem;
}

*:focus {
  outline: none;
}

.verein360-focus-outline:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline)),
*:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline)) {
  outline: solid var(--secondary-200) 2px !important;
  outline-offset: 2px !important;
}
.verein360-focus-outline:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline)):is(label), .verein360-focus-outline:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline)):is(mat-option), .verein360-focus-outline:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline)):is(mat-expansion-panel-header), .verein360-focus-outline:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline)).content-inner-container, .verein360-focus-outline:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline))[mat-menu-item],
*:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline)):is(label),
*:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline)):is(mat-option),
*:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline)):is(mat-expansion-panel-header),
*:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline)).content-inner-container,
*:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline))[mat-menu-item] {
  outline-offset: -2px !important;
}
.verein360-focus-outline:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline)).content-inner-container, .verein360-focus-outline:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline)):is(tr),
*:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline)).content-inner-container,
*:focus-visible:not(.verein360-no-focus-outline,
input[tabindex="-1"],
input:not([readonly], [type=file]),
textarea:not([readonly]),
select:not([readonly]),
mat-select:not([readonly], .verein360-focus-outline)):is(tr) {
  position: relative;
  z-index: 90;
}

.quick-access .card-content {
  display: flex;
  height: 100%;
  align-items: center;
}

.quick-access-item {
  display: block;
  position: relative;
}
.quick-access-item > div {
  display: flex;
  align-items: center;
  height: fit-content;
  width: fit-content;
}
.quick-access-item.has-trend img {
  height: 1.5rem;
}
.quick-access-item.has-trend .card-title {
  padding: 0.75rem 0.5rem;
}
.quick-access-item:not(:last-child) {
  padding-right: 1rem;
  margin-right: 1rem;
  border-right: 2px solid var(--gray-400);
}
.quick-access-item figure {
  margin-bottom: 0;
}
.quick-access-item figure img {
  height: 4rem;
}
.quick-access-item svg {
  flex-shrink: 0;
}
.quick-access-item athleta-trend {
  display: flex;
  align-items: center;
}
.quick-access-item athleta-trend .current-value {
  font-size: 2.5rem;
  font-weight: bold;
  margin-right: 0.5rem;
}
.quick-access-item athleta-trend .trend-direction {
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: bold;
}
.quick-access-item athleta-trend .trend-relation {
  font-size: 0.8rem;
  line-height: 0.8rem;
}
.quick-access-item athleta-trend svg {
  height: 1rem;
  margin-left: 0.5rem;
}
.quick-access-item athleta-trend svg.trend-up {
  fill: var(--success);
  transform: rotate(-45deg);
}
.quick-access-item athleta-trend svg.trend-down {
  fill: var(--error);
  transform: rotate(45deg);
}
.quick-access-item athleta-trend svg.trend-flat {
  fill: var(--secondary-300);
}
.quick-access-item .link-full {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.roles-and-rights .role-definitions {
  display: none;
}
.roles-and-rights.role-kontaktperson .role-definitions.kontaktperson, .roles-and-rights.role-postempfaenger .role-definitions.postempfaenger, .roles-and-rights.role-rechnungsempfaenger .role-definitions.rechnungsempfaenger, .roles-and-rights.role-vorsitzender .role-definitions.vorsitzender, .roles-and-rights.role-stellvertreter .role-definitions.stellvertreter, .roles-and-rights.role-schatzmeister .role-definitions.schatzmeister, .roles-and-rights.role-frauenvertreter .role-definitions.frauenvertreter, .roles-and-rights.role-jugendleiter .role-definitions.jugendleiter, .roles-and-rights.role-seniorenbeauftragter .role-definitions.seniorenbeauftragter, .roles-and-rights.role-sportabzeichenbeauftragter .role-definitions.sportabzeichenbeauftragter, .roles-and-rights.role-sportabzeichenpruefer .role-definitions.sportabzeichenpruefer, .roles-and-rights.role-jugendsprecher .role-definitions.jugendsprecher, .roles-and-rights.role-beisitz .role-definitions.beisitz, .roles-and-rights.role-geschaeftsfuehrer .role-definitions.geschaeftsfuehrer, .roles-and-rights.role-mitarbeiter-mitgliederverwaltung .role-definitions.mitarbeiter-mitgliederverwaltung, .roles-and-rights.role-ansprechpartner-bau .role-definitions.ansprechpartner-bau, .roles-and-rights.role-buchhalter .role-definitions.buchhalter, .roles-and-rights.role-schriftfuehrer .role-definitions.schriftfuehrer, .roles-and-rights.role-pressewart .role-definitions.pressewart, .roles-and-rights.role-sportwart .role-definitions.sportwart, .roles-and-rights.role-huettenwart .role-definitions.huettenwart, .roles-and-rights.role-vergnuegungswart .role-definitions.vergnuegungswart, .roles-and-rights.role-technischer-leiter .role-definitions.technischer-leiter, .roles-and-rights.role-ehrenamtsbeauftragter .role-definitions.ehrenamtsbeauftragter, .roles-and-rights.role-kommunikationsmanager .role-definitions.kommunikationsmanager, .roles-and-rights.role-fwd-anleitung .role-definitions.fwd-anleitung, .roles-and-rights.role-abteilungsleiter .role-definitions.abteilungsleiter, .roles-and-rights.role-stellvertretender-abteilungsleiter .role-definitions.stellvertretender-abteilungsleiter, .roles-and-rights.role-jugendwart .role-definitions.jugendwart, .roles-and-rights.role-jugendsprecher-abteilung .role-definitions.jugendsprecher-abteilung, .roles-and-rights.role-kassier .role-definitions.kassier, .roles-and-rights.role-beisitzer .role-definitions.beisitzer, .roles-and-rights.role-teammanager .role-definitions.teammanager, .roles-and-rights.role-trainer .role-definitions.trainer, .roles-and-rights.role-co-trainer .role-definitions.co-trainer, .roles-and-rights.role-betreuer .role-definitions.betreuer {
  display: block;
}
.roles-and-rights.role-kontaktperson .role-definitions.kontaktperson ul, .roles-and-rights.role-postempfaenger .role-definitions.postempfaenger ul, .roles-and-rights.role-rechnungsempfaenger .role-definitions.rechnungsempfaenger ul, .roles-and-rights.role-vorsitzender .role-definitions.vorsitzender ul, .roles-and-rights.role-stellvertreter .role-definitions.stellvertreter ul, .roles-and-rights.role-schatzmeister .role-definitions.schatzmeister ul, .roles-and-rights.role-frauenvertreter .role-definitions.frauenvertreter ul, .roles-and-rights.role-jugendleiter .role-definitions.jugendleiter ul, .roles-and-rights.role-seniorenbeauftragter .role-definitions.seniorenbeauftragter ul, .roles-and-rights.role-sportabzeichenbeauftragter .role-definitions.sportabzeichenbeauftragter ul, .roles-and-rights.role-sportabzeichenpruefer .role-definitions.sportabzeichenpruefer ul, .roles-and-rights.role-jugendsprecher .role-definitions.jugendsprecher ul, .roles-and-rights.role-beisitz .role-definitions.beisitz ul, .roles-and-rights.role-geschaeftsfuehrer .role-definitions.geschaeftsfuehrer ul, .roles-and-rights.role-mitarbeiter-mitgliederverwaltung .role-definitions.mitarbeiter-mitgliederverwaltung ul, .roles-and-rights.role-ansprechpartner-bau .role-definitions.ansprechpartner-bau ul, .roles-and-rights.role-buchhalter .role-definitions.buchhalter ul, .roles-and-rights.role-schriftfuehrer .role-definitions.schriftfuehrer ul, .roles-and-rights.role-pressewart .role-definitions.pressewart ul, .roles-and-rights.role-sportwart .role-definitions.sportwart ul, .roles-and-rights.role-huettenwart .role-definitions.huettenwart ul, .roles-and-rights.role-vergnuegungswart .role-definitions.vergnuegungswart ul, .roles-and-rights.role-technischer-leiter .role-definitions.technischer-leiter ul, .roles-and-rights.role-ehrenamtsbeauftragter .role-definitions.ehrenamtsbeauftragter ul, .roles-and-rights.role-kommunikationsmanager .role-definitions.kommunikationsmanager ul, .roles-and-rights.role-fwd-anleitung .role-definitions.fwd-anleitung ul, .roles-and-rights.role-abteilungsleiter .role-definitions.abteilungsleiter ul, .roles-and-rights.role-stellvertretender-abteilungsleiter .role-definitions.stellvertretender-abteilungsleiter ul, .roles-and-rights.role-jugendwart .role-definitions.jugendwart ul, .roles-and-rights.role-jugendsprecher-abteilung .role-definitions.jugendsprecher-abteilung ul, .roles-and-rights.role-kassier .role-definitions.kassier ul, .roles-and-rights.role-beisitzer .role-definitions.beisitzer ul, .roles-and-rights.role-teammanager .role-definitions.teammanager ul, .roles-and-rights.role-trainer .role-definitions.trainer ul, .roles-and-rights.role-co-trainer .role-definitions.co-trainer ul, .roles-and-rights.role-betreuer .role-definitions.betreuer ul {
  padding-left: 2.25rem;
}
.roles-and-rights.role-kontaktperson .role-definitions.kontaktperson ul li, .roles-and-rights.role-postempfaenger .role-definitions.postempfaenger ul li, .roles-and-rights.role-rechnungsempfaenger .role-definitions.rechnungsempfaenger ul li, .roles-and-rights.role-vorsitzender .role-definitions.vorsitzender ul li, .roles-and-rights.role-stellvertreter .role-definitions.stellvertreter ul li, .roles-and-rights.role-schatzmeister .role-definitions.schatzmeister ul li, .roles-and-rights.role-frauenvertreter .role-definitions.frauenvertreter ul li, .roles-and-rights.role-jugendleiter .role-definitions.jugendleiter ul li, .roles-and-rights.role-seniorenbeauftragter .role-definitions.seniorenbeauftragter ul li, .roles-and-rights.role-sportabzeichenbeauftragter .role-definitions.sportabzeichenbeauftragter ul li, .roles-and-rights.role-sportabzeichenpruefer .role-definitions.sportabzeichenpruefer ul li, .roles-and-rights.role-jugendsprecher .role-definitions.jugendsprecher ul li, .roles-and-rights.role-beisitz .role-definitions.beisitz ul li, .roles-and-rights.role-geschaeftsfuehrer .role-definitions.geschaeftsfuehrer ul li, .roles-and-rights.role-mitarbeiter-mitgliederverwaltung .role-definitions.mitarbeiter-mitgliederverwaltung ul li, .roles-and-rights.role-ansprechpartner-bau .role-definitions.ansprechpartner-bau ul li, .roles-and-rights.role-buchhalter .role-definitions.buchhalter ul li, .roles-and-rights.role-schriftfuehrer .role-definitions.schriftfuehrer ul li, .roles-and-rights.role-pressewart .role-definitions.pressewart ul li, .roles-and-rights.role-sportwart .role-definitions.sportwart ul li, .roles-and-rights.role-huettenwart .role-definitions.huettenwart ul li, .roles-and-rights.role-vergnuegungswart .role-definitions.vergnuegungswart ul li, .roles-and-rights.role-technischer-leiter .role-definitions.technischer-leiter ul li, .roles-and-rights.role-ehrenamtsbeauftragter .role-definitions.ehrenamtsbeauftragter ul li, .roles-and-rights.role-kommunikationsmanager .role-definitions.kommunikationsmanager ul li, .roles-and-rights.role-fwd-anleitung .role-definitions.fwd-anleitung ul li, .roles-and-rights.role-abteilungsleiter .role-definitions.abteilungsleiter ul li, .roles-and-rights.role-stellvertretender-abteilungsleiter .role-definitions.stellvertretender-abteilungsleiter ul li, .roles-and-rights.role-jugendwart .role-definitions.jugendwart ul li, .roles-and-rights.role-jugendsprecher-abteilung .role-definitions.jugendsprecher-abteilung ul li, .roles-and-rights.role-kassier .role-definitions.kassier ul li, .roles-and-rights.role-beisitzer .role-definitions.beisitzer ul li, .roles-and-rights.role-teammanager .role-definitions.teammanager ul li, .roles-and-rights.role-trainer .role-definitions.trainer ul li, .roles-and-rights.role-co-trainer .role-definitions.co-trainer ul li, .roles-and-rights.role-betreuer .role-definitions.betreuer ul li {
  padding-left: 0.25rem;
}

.roles-and-rights-definition-header {
  display: flex;
  align-items: center;
}
.roles-and-rights-definition-header svg {
  height: 1.5rem;
  width: 1.5rem;
  margin: 0 0.5rem;
}

.neos-backend .role-definitions {
  display: block;
  margin: 1rem;
  padding: 1rem;
  border-radius: 4px;
  background-color: #d9f1fc;
  font-size: 1rem;
}

athleta-birthdays ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
athleta-birthdays li {
  display: flex;
  position: relative;
  align-items: center;
  padding: 0.25rem;
}
athleta-birthdays li svg {
  height: 1.5rem;
  width: 1.5rem;
  fill: var(--gray-400);
}
athleta-birthdays li:hover {
  background-color: var(--gray-600);
  cursor: pointer;
}
athleta-birthdays li:hover svg {
  fill: var(--theme-verein-primary);
}
athleta-birthdays .birthday-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  font-weight: bold;
  height: 2.75rem;
  width: 2.75rem;
  background-color: var(--gray-300);
  font-size: 1.25rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
athleta-birthdays .birthday-name,
athleta-birthdays .birthday-age {
  font-weight: bold;
}
athleta-birthdays .birthday-date.highlight {
  padding: 0 3px;
  background-color: var(--warning);
  border-radius: 3px;
}
athleta-birthdays .birthday-contact {
  margin-left: auto;
}
athleta-birthdays .birthday-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.birthday-list {
  display: block;
  margin: 1rem 0 0 auto;
  width: fit-content;
  color: var(--theme-verein-primary);
}
.birthday-list svg {
  height: 1.5rem;
  width: 1.5rem;
  fill: var(--theme-verein-primary);
  margin-left: 0.25rem;
}

.layout-sport .background-primary {
  background-color: var(--theme-sport-primary) !important;
}
.layout-verein .background-primary {
  background-color: var(--theme-verein-primary) !important;
}
.layout-verband .background-primary {
  background-color: var(--theme-verband-primary) !important;
}
.layout-public .background-primary {
  background-color: var(--theme-public-primary) !important;
}
.layout-digital .background-primary {
  background-color: var(--theme-digital-primary) !important;
}

@media (max-width: 598.98px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 599px) and (max-width: 991.98px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-md {
    display: none !important;
  }
}
@media (max-width: 598.98px) {
  .flex-xs-row {
    display: flex !important;
    flex-direction: row !important;
  }
  .flex-xs-column {
    display: flex !important;
    flex-direction: column !important;
  }
  .flex-xs-center {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    contain: layout size style;
  }
  .justify-content-xs-start {
    justify-content: flex-start !important;
  }
  .justify-content-xs-end {
    justify-content: flex-end !important;
  }
  .justify-content-xs-center {
    justify-content: center !important;
  }
  .justify-content-xs-between {
    justify-content: space-between !important;
  }
  .align-items-xs-start {
    align-items: flex-start !important;
  }
  .align-items-xs-end {
    align-items: flex-end !important;
  }
  .align-items-xs-center {
    align-items: center !important;
  }
}
@media (min-width: 599px) and (max-width: 991.98px) {
  .flex-sm-row {
    display: flex !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    display: flex !important;
    flex-direction: column !important;
  }
  .flex-sm-center {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    contain: layout size style;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
}
@media (min-width: 992px) {
  .flex-md-row {
    display: flex !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    display: flex !important;
    flex-direction: column !important;
  }
  .flex-md-center {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    contain: layout size style;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
}
.text-gray-100 {
  color: var(--gray-100) !important;
}
.text-gray-100 svg {
  fill: currentColor !important;
}
.text-gray-100 a:hover {
  color: var(--black);
}

.text-gray-200 {
  color: var(--gray-200) !important;
}
.text-gray-200 svg {
  fill: currentColor !important;
}
.text-gray-200 a:hover {
  color: var(--black);
}

.text-gray-300 {
  color: var(--gray-300) !important;
}
.text-gray-300 svg {
  fill: currentColor !important;
}
.text-gray-300 a:hover {
  color: var(--black);
}

.text-gray-400 {
  color: var(--gray-400) !important;
}
.text-gray-400 svg {
  fill: currentColor !important;
}
.text-gray-400 a:hover {
  color: var(--black);
}

.text-gray-500 {
  color: var(--gray-500) !important;
}
.text-gray-500 svg {
  fill: currentColor !important;
}
.text-gray-500 a:hover {
  color: var(--black);
}

.text-gray-600 {
  color: var(--gray-600) !important;
}
.text-gray-600 svg {
  fill: currentColor !important;
}
.text-gray-600 a:hover {
  color: var(--black);
}

.layout-sport .text-primary {
  color: var(--theme-sport-primary) !important;
}
.layout-sport .text-primary svg {
  fill: currentColor !important;
}
.layout-sport .text-primary:hover {
  color: var(--theme-sport-primary);
}
.layout-verein .text-primary {
  color: var(--theme-verein-primary) !important;
}
.layout-verein .text-primary svg {
  fill: currentColor !important;
}
.layout-verein .text-primary:hover {
  color: var(--theme-verein-primary);
}
.layout-verband .text-primary {
  color: var(--theme-verband-primary) !important;
}
.layout-verband .text-primary svg {
  fill: currentColor !important;
}
.layout-verband .text-primary:hover {
  color: var(--theme-verband-primary);
}
.layout-public .text-primary {
  color: var(--theme-public-primary) !important;
}
.layout-public .text-primary svg {
  fill: currentColor !important;
}
.layout-public .text-primary:hover {
  color: var(--theme-public-primary);
}
.layout-digital .text-primary {
  color: var(--theme-digital-primary) !important;
}
.layout-digital .text-primary svg {
  fill: currentColor !important;
}
.layout-digital .text-primary:hover {
  color: var(--theme-digital-primary);
}

.text-warning {
  color: var(--warning) !important;
}
.text-warning svg {
  fill: var(--warning) !important;
}
.text-warning:hover {
  color: var(--warning);
}

.text-info {
  color: var(--info) !important;
}
.text-info svg {
  fill: var(--info) !important;
}
.text-info:hover {
  color: var(--info);
}

.text-error {
  color: var(--error) !important;
}
.text-error svg {
  fill: var(--error) !important;
}
.text-error:hover {
  color: var(--error);
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-nl2br {
  white-space: pre-line;
}

@media (max-width: 598.98px) {
  .text-xs-left {
    text-align: left !important;
  }
  .text-xs-right {
    text-align: right !important;
  }
  .text-xs-center {
    text-align: center !important;
  }
}
@media (min-width: 599px) and (max-width: 991.98px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}