@font-face {
  font-family: 'Sparkasse';
  src: url("../Fonts/Sparkasse_web_Bd.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Sparkasse';
  src: url("../Fonts/Sparkasse_web_It.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Sparkasse';
  src: url("../Fonts/Sparkasse_web_Rg.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Sparkasse';
  src: url("../Fonts/Sparkasse_web_Lt.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Sparkasse Head';
  src: url("../Fonts/SparkasseHead_web_Rg.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

body {
  --dsik--body--font-family: Sparkasse, Helvetica Neue, Helvetica, Arial, sans-serif;
}

body {
  font-family: var(--dsik--font-family, Sparkasse, Helvetica Neue, Helvetica, Arial, sans-serif);
}

/*
* {
    box-sizing: border-box;
}

textarea:focus,
input:focus {
    outline: none;
}

img {
    display: block;
    height: auto;
    max-width: 100%;
    width: auto;
}

hr {
    background: #f1f1f1;
    border: 0;
    height: 2px;
    margin-block: 20px;
    margin-inline: 0;
}

p {
    margin: 0;
    margin-block-end: 20px;
}

ul {
    list-style: none;
    padding: 0;
}


h1,h2,h3,h4,h5,h6 {
    margin-block: 20px;
    line-height: 1.2;
}

h1 {
    color: var(--dsik--color--headlines, var(--dsik--color--h1, #FF0000));
    font-size: var(--dsik--font-size--huge, 42px);
    font-weight: 500;
}

h2 {
    color: var(--dsik--color--headlines, var(--dsik--color--h2, #FF0000));
    font-size: var(--dsik--font-size--big, 36px);
    font-weight: 300;
}

h3 {
    color: var(--dsik--color--headlines, var(--dsik--color--h3, #666));
    font-size: var(--dsik--font-size--larger);
    font-weight: 300;
}

h4 {    
    color: var(--dsik--color--headlines, var(--dsik--color--h4, #000));
    font-size: var(--dsik--font-size--large);
    font-weight: 700;
}

h5 {
    color: var(--dsik--color--headlines, var(--dsik--color--h5, #666));
    font-size: var(--dsik--font-size--medium);
    font-size: var(--dsik--font-size--normal, 16px);
    font-weight: 700;
}

h6 {
    color: var(--dsik--color--headlines, var(--dsik--color--h2, #000));
    font-size: var(--dsik--font-size--normal, 21px);
    font-weight: 700;
}

a {
    color: var(--dsik--color--links);
    text-decoration: none;
}

b, strong {
    font-weight: 700;
}
*/
.flex-3-12,
.flex-4-12,
.flex-6-12,
.flex-8-12,
.flex-9-12 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-block-end: 20px;
}

.flex-6-12 {
  flex: 0 1 50%;
}

.flex-4-12 {
  flex: 0 1 33.334%;
}

.flex-8-12 {
  flex: 0 1 66.666%;
}

.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--dsik--gap--block, 20px) var(--dsik--gap--inline, 20px);
}

.flex-row-3col {
  justify-content: flex-start;
}

.flex-row > div:empty {
  display: initial;
}

@media all and (max-width: 768px) {
  .flex-row {
    flex-wrap: wrap;
    gap: 0;
  }
  .flex-6-12 {
    flex: 0 1 587px;
  }
  .flex-4-12 {
    flex: 0 1 587px;
  }
  .flex-8-12 {
    flex: 0 1 587px;
  }
}

/*
 *
 * .flex-teaser
 * 
 */
.flex-teaser {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  padding-block: 0 20px;
  padding-inline: 0;
}

.flex-teaser > .frame {
  margin-inline: 20px;
}

.flex-teaser + .flex-teaser {
  margin-block-start: 20px;
}

.flex-teaser > .frame-type-image {
  margin-inline: 0;
  margin-block-end: 1rem;
}

.flex-teaser header {
  margin-block-end: .5rem;
}


.social-buttons .print {
  display: none !important;
}