@charset "utf-8";
/* CSS Document */
/* Padding Einstellungen Content Bereich für Typo3 Elemente */
.content {
  padding: 22px;
}
.frame {
  width: 100%;
  height: auto;
  float: left;
  padding: 4px;
}
.frame header {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  padding-bottom: 18px;
}
.frame p {
  line-height: 1.7;
}
.frame p a {
  color: #A70131;
}
h1, h2, h3, h4, h5, h6 {
  width: 100%;
  height: auto;
  display: block;
  font-size: 1em;
  margin: 0;
  padding: 0;
  float: left;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 6px;
}
h1 {
  color: #A70131;
  font-weight: 300;
  font-size: 1.4em;
}
h2 {
  font-weight: 600;
}
/* Bilder und Bild und Text */
.ce-outer, .ce-inner, .ce-row {
  width: 100%;
  height: auto;
  float: left;
}
.ce-column {
  padding: 4px;
  height: auto;
  float: left;
}
.ce-gallery[data-ce-columns='1'] div.ce-column {
  width: 100%;
}
.ce-gallery[data-ce-columns='2'] div.ce-column {
  width: 50%;
}
.ce-gallery[data-ce-columns='3'] div.ce-column {
  width: 33.3333%;
}
.ce-gallery[data-ce-columns='4'] div.ce-column {
  width: 25%;
}
.ce-gallery[data-ce-columns='5'] div.ce-column {
  width: 20%;
}
.ce-gallery[data-ce-columns='6'] div.ce-column {
  width: 16.6666%;
}
.ce-gallery[data-ce-columns='7'] div.ce-column {
  width: 14.2857%;
}
.ce-gallery[data-ce-columns='8'] div.ce-column {
  width: 12.5%;
}
figure, figure img {
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ce-border figure img {
  border: 1px solid #666;
}
.frame-type-textpic, .frame-type-image {
  padding: 4px 0px;
}
.frame-type-textpic header, .frame-type-image header {
  padding-left: 4px;
  padding-right: 4px;
}
.ce-textpic, .ce-image {
  width: 100%;
  height: auto;
  float: left;
}
.ce-textpic.ce-intext .ce-gallery {
  width: 50%;
  height: auto;
  padding-bottom: 5px;
}
.ce-textpic.ce-left.ce-intext .ce-gallery {
  float: left;
  padding-right: 10px;
}
.ce-textpic.ce-right.ce-intext .ce-gallery {
  float: right;
  padding-left: 10px;
}
.ce-textpic.ce-intext .ce-bodytext {
  padding: 4px;
}
.ce-textpic.ce-intext .ce-bodytext p:first-child {
  padding-top: 0;
  margin-top: 0;
}
.ce-textpic.ce-intext.ce-nowrap .ce-gallery {
  width: 50%;
  float: left;
  height: auto;
}
.ce-textpic.ce-intext.ce-nowrap .ce-bodytext {
  width: 50%;
  float: right;
  height: auto;
  padding: 4px;
}
.ce-textpic.ce-intext .ce-bodytext header {
  padding-left: 0px;
  padding-right: 0px;
}
.ce-textpic.ce-left.ce-nowrap .ce-gallery {
  float: left;
}
.ce-textpic.ce-left.ce-nowrap .ce-bodytext {
  float: right;
}
.ce-textpic.ce-right.ce-nowrap .ce-gallery {
  float: right;
}
.ce-textpic.ce-right.ce-nowrap .ce-bodytext {
  float: left;
}
.ce-textpic.ce-center.ce-above .ce-gallery, .ce-textpic.ce-center.ce-above .ce-bodytext {
  width: 100%;
  height: auto;
  float: left;
}
.ce-textpic.ce-center.ce-above .ce-bodytext {
  padding: 4px;
  width: 100%;
  height: auto;
  float: left;
}
/* Trenner */
.frame-type-div {
  width: 100%;
  height: auto;
  float: left;
  padding-top: 16px;
  padding-bottom: 16px;
}
.frame-type-div hr.ce-div {
  width: 100%;
  height: 1px;
  overflow: hidden;
  background-color: #C6C6C6;
  border: 0;
  margin: 0;
}
/* uploads */
.frame-type-uploads ul {
  width: 100%;
  height: auto;
  float: left;
  padding: 0;
  margin: 0;
  display: block;
  list-style: none;
  border-top: 1px solid #efefef;
  font-size: 1em;
}
.frame-type-uploads ul li {
  width: 100%;
  height: auto;
  float: left;
  display: block;
  border-bottom: 1px solid #efefef;
  padding-top: 10px;
  padding-bottom: 10px;
}
.frame-type-uploads ul li div {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
}
.frame-type-uploads ul li.has-img div {
  width: 80%;
}
.frame-type-uploads ul li.has-img img {
  width: 100%;
  height: auto;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #efefef;
}
.frame-type-uploads ul li.has-img a {
  width: 20%;
  padding-right: 16px;
}
.frame-type-uploads ul li.has-img div a {
  width: 100%;
  padding-right: 0px;
}
.frame-type-uploads ul li a {
  width: 100%;
  height: auto;
  float: left;
  display: block;
}
.frame-type-uploads ul li span.ce-uploads-description {
  width: 100%;
  height: auto;
  float: left;
  display: block;
  font-size: 0.9em;
  color: #727272;
}
.frame-type-uploads ul li span.ce-uploads-fileName {
  width: 100%;
  height: auto;
  float: left;
  display: block;
  color: #ae0143;
  font-weight: 600;
  padding-left: 20px;
}
body.section-sparringspartner .frame-type-uploads ul li span.ce-uploads-fileName {
  color: #00529C;
}
.frame-type-uploads ul li a[href$=".pdf"] span.ce-uploads-fileName::after, .frame-type-uploads ul li a[href$=".PDF"] span.ce-uploads-fileName::after {
  content: ' ( .pdf)';
  font-size: 8px;
  text-transform: uppercase;
  color: #ccc;
}
.frame-type-uploads ul li a[href$=".pdf"] span.ce-uploads-fileName::before, .frame-type-uploads ul li span.ce-uploads-fileName a[href$=".pdf"]::before, .frame-type-uploads ul li a[href$=".PDF"] span.ce-uploads-fileName::before, .frame-type-uploads ul li span.ce-uploads-fileName a[href$=".PDF"]::before {
  content: '';
  background-image: url('../img/pdf-icon.svg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 12px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 2px;
}
.frame-type-uploads ul li a[href$=".pptx"] span.ce-uploads-fileName::after {
  content: ' ( .pptx)';
  font-size: 8px;
  text-transform: uppercase;
  color: #ccc;
}
.frame-type-uploads ul li a[href$=".pptx"] span.ce-uploads-fileName::before, .frame-type-uploads ul li span.ce-uploads-fileName a[href$=".pptx"]::before {
  content: '';
  background-image: url('../img/powerpoint-icon.svg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 12px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 2px;
}
.frame-type-uploads ul li a[href$=".docx"] span.ce-uploads-fileName::after {
  content: ' ( .docx)';
  font-size: 8px;
  text-transform: uppercase;
  color: #ccc;
}
.frame-type-uploads ul li a[href$=".docx"] span.ce-uploads-fileName::before, .frame-type-uploads ul li span.ce-uploads-fileName a[href$=".docx"]::before {
  content: '';
  background-image: url('../img/word-icon.svg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 12px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 2px;
}
.frame-type-uploads ul li a[href$=".zip"] span.ce-uploads-fileName::after {
  content: ' ( .zip)';
  font-size: 8px;
  text-transform: uppercase;
  color: #ccc;
}
.frame-type-uploads ul li a[href$=".zip"] span.ce-uploads-fileName::before, .frame-type-uploads ul li span.ce-uploads-fileName a[href$=".zip"]::before {
  content: '';
  background-image: url('../img/zip-icon.svg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 12px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 2px;
}
/* Plugins (Lists) */
.frame-type-list {
  padding: 0;
}
.frame-type-list header {
  padding-left: 4px;
  padding-right: 4px;
}
/* Unsorted Lists, Sorted Lists */
.frame-type-bullets ul, .frame-type-bullets ol, .frame-type-text ul, .frame-type-text ol {
  width: 100%;
  height: auto;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  padding-bottom: 20px;
}
.frame-type-bullets ul li, .frame-type-bullets ol li, .frame-type-text ul li, .frame-type-text ol li {
  width: 100%;
  height: auto;
  float: left;
  display: block;
  padding: 4px 0px 4px 20px;
  position: relative;
}
.frame-type-bullets ul li::before, .frame-type-text ul li::before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #A70131;
  left: 4px;
  top: 13px;
  position: absolute;
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.frame-type-bullets ol, .frame-type-text ol {
  counter-reset: list-counter;
}
.frame-type-bullets ol li, .frame-type-text ol li {
  counter-increment: list-counter; /* Zähler für jedes Listenelement erhöhen */
  position: relative; /* Für die Positionierung des Pseudo-Elements */
  padding-left: 30px;
}
.frame-type-bullets ol li::before, .frame-type-text ol li::before {
  content: counter(list-counter) ".";
  position: absolute;
  left: 1px;
  top: 5px;
  font-weight: 600;
  color: #222222;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #DDE2E6;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
}