/* flexbox */
.flex .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2%;
  margin: 1.5em auto;
  padding: 0;
  border: 0;
  text-align: center;
}
.flex .container .box {
  width: 32%;
}
.flex .container .box:nth-child(n + 4),
.flex .container.two-cols .box {
  width: 49%;
}

.flex .container.three-cols .box,
.flex .container.three-cols .box:nth-child(n + 4) {
  width: 32%;
}

.flex .container .box:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

@media all and (max-width: 1240px) {
  .flex .container .box {
    width: 32% !important;
  }
  .flex .container.two-cols .box {
    width: 49% !important;
  }
  #cdmm-hero.flex .container .box {
    width: 100% !important;
  }
}
@media all and (max-width: 809px) {
  .flex .container .box {
    width: 100% !important;
  }
}
@media all and (max-width: 680px) {
  .flex .container.two-cols .box {
    width: 100% !important;
  }
}

/* Buttons */
.btn-more {
  border: 1px solid #333;
  background-color: #fff;
  text-decoration: none;
  display: inline-block;
  margin: 15px auto;
  padding: 5px 5px 10px 10px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  font-weight: 600;
  color: #333;
}
.btn-more span::after {
  color: #333;
  position: relative;
  top: 7px;
  width: auto;
  height: 20px;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZXZyb24tcmlnaHQiPjxwYXRoIGQ9Im05IDE4IDYtNi02LTYiLz48L3N2Zz4=");
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  padding-left: 5px;
}

/* Icons */
.icon.o,
i.icon.orange,
.material-icons {
  color: #ec6608;
}
.large .lucide {
  width: 50px;
  height: auto;
}

/* Text */
.ta-center {
  text-align: center;
}

/* Content */
article.cdmm {
  clear: both;
  overflow: hidden;
  float: none;
  padding: 0;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}

.bg-gray {
  background-color: #f0f0f0;
}

/* Info */
article.cdmm .info {
  padding: 10px;
}
article.cdmm .info.green {
  color: #426e07;
  background-color: #f4ffe6;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
}
article.cdmm section {
  margin-bottom: 2rem;
}

/* Headings and Paragraphs */
article.cdmm .headline {
  display: block;    
}
article.cdmm h2,
article.cdmm h3,
article.cdmm h4,
article.cdmm h5,
article.cdmm h6,
article.cdmm .headline
{
  text-align: center;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 1;
}
article.cdmm h1 {
  font-size: 47.78px;
  line-height: 1;
}
article.cdmm h2 {
  font-size: 39.81px;
}
article.cdmm h3,
.author-box hgroup .headline 
{
  font-size: 33.18px;
  letter-spacing: -1px;
}
article.cdmm h4,
section#cdmm-kontakt .box .headline,
#cdmm-qualitaet .box h3,
section#cdmm-vorteile .box h3,
article.cdmm .headline
{
  font-size: 27.65px;
}
article.cdmm h5,
section#cdmm-trainer .trainer-slide h3
{
  font-weight: 600;
  font-size: 23.04px;
}
article.cdmm h6 {
  font-size: 19.2px;
}
article.cdmm p {
  font-size: 16px;
}
article.cdmm small {
  font-size: 13.33px;
}
article.cdmm .mini {
  font-size: 11.11px;
}

#cdmm-hero aside .details-box .headline {
  font-size: 27.65px;
  line-height: 1;
  letter-spacing: -0.5px;
  font-weight: 600;
}

@media all and (max-width: 800px) {
  article.cdmm h2.large {
    font-size: 40px;
  }
  article.cdmm h2 {
    font-size: 30px;
  }
  article.cdmm h3,
  #cdmm-hero aside .details-box .headline {
    font-size: 24px;
  }
  article.cdmm h4 {
    font-size: 21px;
  }
  article.cdmm h5 {
    font-size: 18px;
  }
  article.cdmm h6 {
    font-size: 16px;
  }
}

/* Boxes */
article.cdmm .box {
  padding: 2rem;
  margin-bottom: 2%;
  border: 1px solid #ddd;
  border-radius: 8px;
}

@media all and (max-width: 1240px) {
  article.cdmm .box {
    padding: 1rem;
  }
}
@media all and (max-width: 809px) {
  article.cdmm section {
    margin-bottom: 40px;
  }
}

/* Hero Section */
section#cdmm-hero {
  margin: 0 auto 2rem;
  padding: 0;
  background: transparent url("../img/bg-cdmm-hero.jpg") no-repeat top right;
  background-size: 100%;
  background-position-y: 40%;
}

#cdmm-hero main,
#cdmm-hero aside {
  display: inline-block;
  vertical-align: top;
}

#cdmm-hero aside .container {
  display: inline-block;
  vertical-align: top;
}
#cdmm-hero aside .accordion-container {
  width: 65%;
  float: left;
}
#cdmm-hero aside .siegel-container {
  width: 32%;
  float: right;
  text-align: right;
  padding-right: 1rem;
}

#cdmm-hero main {
  width: 50%;
  text-align: left;
}
#cdmm-hero main h1 {
  margin: 1rem 0;
  font-weight: 400;
  letter-spacing: -2px;
  border: none;
  padding: 0;  
  color: #000;
  max-width: 500px;
}

#cdmm-hero main ul.rated {
  margin: 0 0 35px;
  padding: 0;
  list-style-type: none;
  font-weight: 600;
}
#cdmm-hero main ul.rated li::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  position: relative;
  top: 5px;
  right: 5px;
  color: #ec6608;
}
#cdmm-hero main ul li svg {
  width: 24px;
  height: auto;
  position: relative;
  top: 5px;
  right: 5px;
  color: #ec6608;
}

#cdmm-hero aside {
  width: 45%;
  text-align: center;
  float: right;
  padding: 0 !important;
}

#cdmm-hero .accordion__item {
  border: none;
}
#cdmm-hero .accordion__label {
  font-size: 16px;
}
#cdmm-hero .accordion__item .material-icons {
  position: relative;
  right: 2px;
  top: 2px;
}
#cdmm-hero aside .box {
  padding: 1rem;
  width: unset;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  border: none;
}

#cdmm-hero aside .details-box {
  text-align: left;
  order: 100;
}

#cdmm-hero img.siegel {
  order: 0;
  width: 130px;
  height: auto;
  margin: 15px 0 0;
}

@media all and (max-width: 960px) {
  section#cdmm-hero {
    background: unset;
  }
  #cdmm-hero aside {
    padding-top: 20px;
  }
  #cdmm-hero aside .container {
    display: block;
    width: 100%;
  }
  #cdmm-hero aside .accordion-container {
    width: 100%;
  }
  #cdmm-hero aside .siegel-container {
    width: 100%;
    float: none;
  }  
  #cdmm-hero img.siegel {    
    width: 100px;    
  }
}

@media all and (max-width: 680px) {
  #cdmm-hero aside .siegel-container {
    display: none;
  }
  #cdmm-hero main .siegel {
    width: 16%;
    height: auto;
    float: right;
    margin-top: 45px;
    margin-left: 10px;
  }
  section#cdmm-hero {
    background-image: none;
  }
  #cdmm-hero aside .box {
    padding: 1rem 5px;
  }
}
@media all and (min-width: 680px) {
  #cdmm-hero main .siegel {
    display: none;
  }
}
@media all and (max-width: 600px) {
  #cdmm-hero main .intro {
    display: none;
  }
}
@media all and (max-width: 340px) {
  #cdmm-hero main .siegel {
    display: none;
  }
}



/* Accordion */
#cdmm-hero .accordion {
  overflow: hidden;
  margin-top: 15px;
}

.accordion__item {
  background-color: #f0f0f0;
  border: none;
  margin: 0.5em 0;
  font-size: 16px;
  line-height: 1.5;
}

.accordion__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  color: #444;
  padding: 0.5em 0.8em;
  font-weight: 600;
  line-height: 1;
  font-size: 16px;
}

.accordion__label-content {
  display: flex;
  align-items: center;
}

.accordion__arrow {
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZXZyb24tZG93biI+PHBhdGggZD0ibTYgOSA2IDYgNi02Ii8+PC9zdmc+");
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.accordion__input:checked ~ .accordion__label .accordion__arrow {
  transform: rotate(180deg);
}

.accordion__content {
  padding: 0 20px;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.accordion__content p {
  margin: 0 0 10px;
}

.accordion__content ul {
  margin-top: 0;
}

.accordion__input {
  display: none;
}

.accordion__input:checked ~ .accordion__content {
  height: auto;
  opacity: 1;
  transform: translateY(0);
  padding: 0 15px 15px;
}

@media all and (max-width: 1240px) {
  #cdmm-hero main h1 {
    font-size: 50px;
  }
}
@media all and (max-width: 680px) {
  #cdmm-hero main h1 {
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -.5px;
  }
  #cdmm-hero main,
  #cdmm-hero aside {
    width: 100%;
  }
  #cdmm-hero aside {
    padding: 1rem 0 0;
  }
}

/* Vorteile */
section#cdmm-vorteile {
  padding: 0;
}
section#cdmm-vorteile .bg-gray {
  padding: 2rem 5px;
  background-color: #f0f0f0;
}
section#cdmm-vorteile .box {
  background-color: #fff;
}
section#cdmm-vorteile .box h3 {
  margin: 15px auto 10px;
}
section#cdmm-vorteile .box h4 {
  margin: 10px auto 5px;
}
section#cdmm-vorteile .accordion__item {
  background-color: #fff;
  border: none;
  text-align: left;
}


/* Kosten */
#cdmm-kosten hgroup h3 {
  margin: 0 auto 5px;
}

#cdmm-kosten h4 {
  text-align: left;
}
#cdmm-kosten h4 svg {
  color: #ec6608;
  position: relative;
  top: 4px;
  margin-right: 10px;
}
article.cdmm h4::before {
  position: relative;
  top: 4px;
  right: 5px;
}
article.cdmm h4.kosten::before {
  content: "euro_symbol";
}
article.cdmm h4.vergleich::before {
  content: "archive";
}

#cdmm-kosten .box {
  text-align: left;
}

#cdmm-kosten ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 15px;
  display: table;
}
#cdmm-kosten ul li {
  padding: 0;
  margin: 0;
  line-height: 2;
  display: table-row;
}
#cdmm-kosten ul li span {
  display: table-cell;
  width: 87%;
}
#cdmm-kosten span.preis {
  width: auto;
  white-space: nowrap;
}

/* Referenzlogos */
article.cdmm .referenzlogos img {
  width: 9%;
  margin: auto;
}

@media all and (max-width: 1240px) {
  article.cdmm .referenzlogos img {
    width: 25%;
  }
}
@media all and (max-width: 680px) {
  article.cdmm .referenzlogos img {
    width: 15%;
  }
}

/* Absolventen */
#cdmm-absolventen {
  text-align: center;
  padding: 1%;
}
#cdmm-absolventen .box {
  text-align: left;
}

#cdmm-absolventen .voices .review {
  text-align: left;
}

#cdmm-absolventen .voices .review h3 {
  text-align: left;
  font-size: 16px;
  letter-spacing: 0;
}

#cdmm-absolventen #teilnehmerstimmen {
  margin-bottom: 0;
}

#cdmm-absolventen .btn-more {
  margin-top: 0;
}

article.cdmm .author-box .img-wrap {
  border: none;
}
#cdmm-absolventen .content {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

#cdmm-absolventen .content .headline {
  font-size: 21px;
  line-height: 1.2;
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
}

.author-box {
  margin: 0 0 20px;
}
.author-box .img-wrap {
  display: inline-block;
  border-radius: 50%;
  border: 3px solid #f46a02;
  width: 80px;
  height: auto;
  margin: 7px 20px 0 0;
  padding: 3px;
}
.author-box .img-wrap img {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.author-box hgroup {
  margin: 20px 0 0 0;
  max-width: 66%;
  display: inline-block;
  vertical-align: top;
}
.author-box hgroup .headline,
.author-box hgroup .subline {
  display: block;
}
.author-box hgroup .headline {
  font-size: 21px;
  color: #000;
}
.author-box hgroup .subline {
  color: #333;
}

/* nutzen */
section#cdmm-nutzen {
  background-color: #f0f0f0;
  padding: 2rem 1rem 0rem;
}
section#cdmm-nutzen .box {
  background-color: #fff;
}
article.cdmm section#cdmm-nutzen h3 {
  font-size: 16px;
  letter-spacing: -.15px;
  margin: 3px 0 15px 10px;
}

section#cdmm-nutzen .box i.material-icons,
section#cdmm-nutzen .box .lucide,
section#cdmm-nutzen .box h3 {
  float: left;
}
section#cdmm-nutzen .box i.material-icons,
section#cdmm-nutzen .box .lucide {
  color: #ec6608;
}
section#cdmm-nutzen .box .text {
  clear: both;
  text-align: left;
}

/* Qualitaet */
#cdmm-qualitaet {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
#cdmm-qualitaet .box img {
  height: 64px;
  width: auto;
}
#cdmm-qualitaet ul {
  text-align: left;
  list-style-type: none;
  padding: 0;
  margin: 0 auto 25px;
}
#cdmm-qualitaet ul li {
  margin-bottom: 16px;
  padding-left: 20px;
  line-height: 1.7;
}
#cdmm-qualitaet ul li::before {
  position: relative;
  top: 7px;
  right: 5px;
  width: 30px;
}
#cdmm-qualitaet ul li.checkmark::before {
  content: "check_circle";
}
#cdmm-qualitaet ul li.double-check::before {
  content: "done_all";
}
#cdmm-qualitaet ul li.certificate::before {
  content: "beenhere";
}

#cdmm-qualitaet .box .hidden-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
  opacity: 0;
}

#cdmm-qualitaet .box .hidden-content.show {
  max-height: 1000px;
  opacity: 1;
  margin-top: 1rem;
}

#cdmm-qualitaet .box .more {
  color: #ec6608;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  margin-top: 1rem;
}

#cdmm-qualitaet .box .more:hover {
  text-decoration: underline;
}

@media all and (max-width: 809px) {
  #cdmm-qualitaet {
    width: 100%;
  }
}

/* Trainer Boxen */
section#cdmm-trainer {
  width: 100%;
  overflow: hidden;
  background-color: #f0f0f0;
}
section#cdmm-trainer .inner {
  position: relative;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  padding: 30px 40px;
}

section#cdmm-trainer .trainer-slider {
  display: flex;
  gap: 2%;
  width: 100%;
  transition: transform 0.3s ease;
  flex-wrap: nowrap;
}

section#cdmm-trainer .trainer-slide {
  flex: 0 0 32% !important;
  width: 32% !important;
  padding: 1.5rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
}

/* Navigation */
section#cdmm-trainer .slider-nav {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 0 auto 2rem;
  max-width: 1220px;
  padding: 0 40px;
}

section#cdmm-trainer .slider-nav button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: auto;
  height: auto;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #ec6608;
  color: #ec6608;
  cursor: pointer;
  padding: 12px 20px;
}

section#cdmm-trainer .slider-nav button span {
  font-family: "Material Icons";
  font-size: 20px;
}

section#cdmm-trainer .slider-nav button.prev span {
  order: -1;
}

section#cdmm-trainer .slider-nav button.next span {
  order: 2;
}

section#cdmm-trainer .slider-nav button:hover {
  background: #ec6608;
  color: #fff;
}

section#cdmm-trainer .slider-nav button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  border-color: #ccc;
  color: #ccc;
}

/* Bestehende Trainer-Box Styles angepasst */
section#cdmm-trainer .author-box {
  text-align: center;
}
section#cdmm-trainer .author-box .img-wrap {
  width: 150px;
  border: 4px solid #ec6608;
}

section#cdmm-trainer .trainer-slide h3 {
  margin-bottom: 5px;
}

section#cdmm-trainer .trainer-slide hgroup {
  text-align: center;
}

section#cdmm-trainer .trainer-slide,
section#cdmm-trainer .intro {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
section#cdmm-trainer .trainer-slide:hover,
section#cdmm-trainer .intro:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
}

section#cdmm-trainer .intro {
  padding: 1rem;
}

section#cdmm-trainer .trainer-slide h3 {
  margin-bottom: .5rem;
}
section#cdmm-trainer .trainer-slide .subline {
  white-space: nowrap;
  letter-spacing: -.3px;
}
section#cdmm-trainer .trainer-slide .rating {
  background-color: #f4f4f4;
  text-align: center;
  padding: 16px;
  margin: 0 auto 10px;
  font-size: 14px;
  line-height: 1.25;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
}

section#cdmm-trainer .trainer-slide {
  position: relative;
}
section#cdmm-trainer .trainer-slide .intro {
  margin: 1rem auto .5rem;
  padding: 0;
  border: none;
  box-shadow: none;
}

section#cdmm-trainer .trainer-slide .links {
  margin: 1rem 0;
}
section#cdmm-trainer .trainer-slide .links a {
  display: block;
  text-decoration: none;
  text-align: left;
}
section#cdmm-trainer .trainer-slide .links a.linkedin {  
  color: #3995c5;
}
section#cdmm-trainer .trainer-slide .links a .icon {
  width: 24px;
  height: 24px;
  position: relative;
  left: 0;
  top: -2px;
  margin-right: -1px;
}
section#cdmm-trainer .trainer-slide .author-box .img-wrap {
  margin: auto;
}


@media all and (max-width: 960px) {
  section#cdmm-trainer .trainer-slide {
    flex: 0 0 49% !important;
    width: 49% !important;
  }
}
@media all and (max-width: 809px) {
  section#cdmm-trainer .inner {
    padding: 20px;
  }
  section#cdmm-trainer .trainer-slide {
    padding: 1.5rem 1rem;
  }
}
@media all and (max-width: 767px) {
  section#cdmm-trainer .trainer-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
  }
}
@media all and (max-width: 370px) {
  section#cdmm-trainer .trainer-slide .subline {
    white-space: unset;    
  }
}

/* Kontakt Box unten */
section#cdmm-kontakt {
  background-color: #fff;
  padding: 2rem 1rem 0rem;
}

section#cdmm-kontakt.flex .container {
  align-items: flex-start;
  text-align: left;
}

section#cdmm-kontakt .kontaktwege .kontakt {  
  width: 100%;
  display: grid;
  grid-template-columns: .5fr 3fr;
  padding: 1rem 0;
  box-shadow: none;
  border: none;
  text-align: left;
}
section#cdmm-kontakt .kontaktwege .kontakt .icon {
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 5px;
  margin-bottom: 10px;
  background-color: #ec6608;
}
section#cdmm-kontakt .kontaktwege .kontakt .icon svg {
  width: 24px;
  height: 24px;
  margin-top: 3px;
}
section#cdmm-kontakt .kontaktwege .kontakt a {
  text-decoration: underline;
}
section#cdmm-kontakt .box {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  padding: 1.25rem;
}
section#cdmm-kontakt .box.formular {
  width: 38%;
}
section#cdmm-kontakt .box.faq {
  width: 60%;
}
section#cdmm-kontakt .box .headline {
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
  text-align: left;
  letter-spacing: 0;
}

section#cdmm-kontakt .kontaktwege .kontakt .headline,
section#cdmm-kontakt .kontaktwege .kontakt .content {
  text-align: left;
  font-size: 14px;
}
section#cdmm-kontakt .kontaktwege .kontakt .headline {
  font-weight: 600;
  margin-bottom: 5px;
}
section#cdmm-kontakt .formular label {
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  color: #333;
  margin-bottom: 3px;
}
section#cdmm-kontakt .formular input,
section#cdmm-kontakt .formular textarea {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 3px;
  margin: 2px 0 10px;
  background: transparent;
}

section#cdmm-kontakt .formular input.btn-submit {
  width: 100%;
  border: none;
  background-color: #ec6608;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
section#cdmm-kontakt .formular input.btn-submit:hover {
  background-color: #ec6608 !important;
  color: #fff !important;
}
section#cdmm-kontakt .formular input.btn-submit.green {
  background-color: #94c84e;
}
section#cdmm-kontakt .formular input.btn-submit.green:hover {
  background-color: #94c84e !important;
  color: #fff !important;
}

section#cdmm-kontakt .formular #WebToLeadErrorMessageContactUS,
section#cdmm-kontakt .formular #WebToLeadSubErrorMessageContactUS {
  background-color: #fff1e6;
  padding: 1rem;
  border-radius: 8px;
}
section#cdmm-kontakt .formular #WebToLeadSubErrorMessageContactUS {
  margin: 1rem 0;
}

section#cdmm-kontakt .formular .ginput_container {
  border: 1px solid #dedede;
  border-radius: 4px;
  margin-bottom: 10px;
}
section#cdmm-kontakt .formular .ginput_container.ginput_container_checkbox {
  border: none;
  border-radius: none;
}

section#cdmm-kontakt .formular .gfield_required {
  display: none;
}

section#cdmm-kontakt .formular .gfield_label_before_complex {
  display: none;
  border: none;
}

section#cdmm-kontakt .formular .gform_button {
  background-color: #ec6608;
  margin-top: 15px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
}
section#cdmm-kontakt .formular .gform_button::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #ec6608;
  margin-bottom: 10px;

  content: "send";
}
section#cdmm-kontakt .formular .gform_button:hover {
  background-color: #d7600c !important;
}
section#cdmm-kontakt .formular .gform-footer {
  margin: 0 !important;
  padding: 0 !important;
}
section#cdmm-kontakt .faq .accordion__label {
  font-size: 16px;
  line-height: 1;
  display: grid;
  grid-template-columns: 12fr 1fr;
}
section#cdmm-kontakt .faq .accordion__item {
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #ddd;
}

section#cdmm-kontakt .faq .accordion__input:checked ~ .accordion__content {
  padding: 0.25em 0;
}
section#cdmm-kontakt .faq .accordion__label {
  padding: 0.5em 0;
}
section#cdmm-kontakt .faq a.btn-secondary {
  border-color: #ec6608;
  border-radius: 4px;
  background-color: transparent;
  width: 100%;
  font-weight: 600;
  color: #ec6608;
  text-align: center;
}
section#cdmm-kontakt .faq a.btn-secondary:hover {
  background-color: #ec6608;
  color: #fff;
}

@media all and (max-width: 810px) {
  section#cdmm-kontakt {
    padding: 30px 10px;
  }
  section#cdmm-kontakt .box {
    width: 100% !important;
  }
}
@media all and (max-width: 500px) {
  section#cdmm-kontakt .kontaktwege .kontakt {  
    grid-template-columns: 1fr 5fr;
  }
}

/* FAQ */
section#cdmm-faq {
  background-color: #f0f0f0;
  padding: 80px;
  text-align: center;
}

section#cdmm-faq .intro {
  margin-bottom: 30px;
  text-align: left;
}

section#cdmm-faq .accordion {
  overflow: unset;
}
section#cdmm-faq .accordion__item {
  padding: 5px 0;
  text-align: left;
  margin-bottom: 15px;
  color: #333;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
}
section#cdmm-faq .accordion__label {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #333;
}
section#cdmm-faq .accordion__icon {
  color: #fff;
  background-color: #ec6608;
  width: 40px;
  border-radius: 50%;
  height: 40px;
  margin-right: 15px;
  text-align: center;
  padding-top: 9px;
  font-family: Arial, sans-serif;
  font-size: 21px;
  font-weight: 600;
  transform: rotate(-15deg);
}
section#cdmm-faq .accordion__arrow {
  color: #ec6608;
}
section#cdmm-faq .accordion__content {
  width: 100%;
}

section#cdmm-faq .btn {
  margin: 30px auto 0;
}

@media all and (max-width: 809px) {
  section#cdmm-faq {
    padding: 30px;
  }
}

/* CDMM G Konfigurator */
.icon-linkedin {
  position: relative;
  top: 5px;
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%233995c5' d='M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.material-symbols--close {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.material-symbols-light--mail-outline {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.616 19q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616v10.769q0 .69-.463 1.153T19.385 19zM12 12.116L4 6.885v10.5q0 .269.173.442t.443.173h14.769q.269 0 .442-.173t.173-.443v-10.5zM12 11l7.692-5H4.308zM4 6.885V6v11.385q0 .269.173.442t.443.173H4z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.stash--user-group {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 3.25C7.904 3.25 6.171 4.91 6.171 7S7.904 10.75 10 10.75c1.65 0 3.075-1.029 3.607-2.486a2.643 2.643 0 1 0 .057-2.358C13.184 4.36 11.714 3.25 10 3.25M7.671 7c0-1.224 1.024-2.25 2.329-2.25S12.329 5.776 12.329 7S11.305 9.25 10 9.25S7.671 8.224 7.671 7m6.686.143a1.643 1.643 0 1 1 3.286 0a1.643 1.643 0 0 1-3.286 0m-6.072 4.564c-.403-.261-.984-.462-1.596-.294q-.245.068-.488.145l-.984.316c-1.233.394-2.188 1.373-2.51 2.613l-.011.04l-.42 2.952c-.167 1.18.485 2.401 1.78 2.701c1.197.278 3.126.57 5.944.57s4.746-.292 5.945-.57c1.293-.3 1.946-1.52 1.779-2.701l-.42-2.951l-.01-.041c-.323-1.24-1.278-2.219-2.511-2.613l-.984-.316q-.243-.077-.488-.145c-.612-.168-1.193.033-1.596.294c-.37.24-.974.529-1.715.529c-.74 0-1.345-.29-1.715-.53m-1.198 1.152c.064-.017.202-.01.384.107c.512.332 1.4.77 2.529.77s2.017-.438 2.53-.77c.18-.117.319-.124.383-.107q.215.06.428.128l.985.315c.75.24 1.308.82 1.506 1.524l.406 2.864c.075.527-.206.93-.633 1.03c-1.077.25-2.891.53-5.605.53s-4.528-.28-5.605-.53c-.427-.1-.708-.503-.634-1.03l.407-2.864a2.26 2.26 0 0 1 1.506-1.524l.985-.315q.213-.068.428-.128'/%3E%3Cpath fill='%23000' d='M18.183 10.298a1.05 1.05 0 0 0-.914.202c-.27.21-.748.5-1.269.5a.5.5 0 0 0 0 1c.858 0 1.556-.457 1.883-.71a.1.1 0 0 1 .043-.024h.004q.201.053.399.118l.685.225c.526.173.925.594 1.066 1.114l.283 2.049c.056.403-.156.705-.46.777q-.335.082-.813.16a.5.5 0 1 0 .16.988q.512-.085.884-.175c.895-.213 1.333-1.07 1.22-1.887l-.291-2.106l-.007-.027a2.62 2.62 0 0 0-1.73-1.843l-.685-.225a8 8 0 0 0-.458-.136'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.stash--desktop {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.175 2.78c-.365-.03-.81-.03-1.345-.03H7.17c-.535 0-.98 0-1.345.03c-.38.03-.736.098-1.073.27A2.75 2.75 0 0 0 3.55 4.252c-.172.337-.24.693-.27 1.073c-.03.365-.03.81-.03 1.345V13l.004.077q.005.329.026.598c.03.38.098.736.27 1.073a2.75 2.75 0 0 0 1.202 1.202c.337.172.693.24 1.073.27c.365.03.81.03 1.345.03h3.248a1.75 1.75 0 0 0 3.164 0h3.249c.534 0 .98 0 1.344-.03c.38-.03.736-.098 1.073-.27a2.75 2.75 0 0 0 1.202-1.201c.172-.338.24-.694.27-1.074q.021-.27.026-.598L20.75 13V6.57c0-.49-.002-.903-.03-1.245c-.03-.38-.098-.736-.27-1.073a2.75 2.75 0 0 0-1.2-1.202c-.338-.172-.694-.24-1.074-.27M13 14.75H7.2c-.572 0-.957 0-1.253-.025c-.287-.023-.424-.065-.514-.111a1.25 1.25 0 0 1-.547-.546a1 1 0 0 1-.09-.318h14.407a1 1 0 0 1-.09.318a1.25 1.25 0 0 1-.546.546c-.09.046-.227.088-.515.111c-.295.024-.68.025-1.252.025zm6.25-2.5H4.75V6.595c0-.515.002-.87.025-1.148c.023-.287.065-.424.111-.514a1.25 1.25 0 0 1 .547-.547c.09-.046.227-.088.514-.111c.296-.024.68-.025 1.253-.025h9.6c.572 0 .957 0 1.252.025c.288.023.425.065.515.111c.236.12.427.311.547.547c.046.09.088.227.111.514c.024.296.025.68.025 1.253z'/%3E%3Cpath fill='%23000' d='M10 16.75a.75.75 0 0 1 .75.75v.284c0 .818-.43 1.555-1.099 1.966h4.698a2.31 2.31 0 0 1-1.099-1.966V17.5a.75.75 0 0 1 1.5 0v.284c0 .37.252.693.611.783l.396.1a1.311 1.311 0 0 1-.319 2.583H8.562a1.312 1.312 0 0 1-.319-2.584l.396-.099a.81.81 0 0 0 .611-.783V17.5a.75.75 0 0 1 .75-.75'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.stash--search {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.44 3a7.44 7.44 0 1 0 4.803 13.122c-.022.271.07.55.278.757l3.84 3.84a.96.96 0 1 0 1.358-1.358l-3.84-3.84a.96.96 0 0 0-.757-.278A7.44 7.44 0 0 0 10.44 3m-6 7.44a6 6 0 1 1 12 0a6 6 0 0 1-12 0'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.stash--comments {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M9.5 3.75c-3.383 0-6.25 2.509-6.25 5.75a5.42 5.42 0 0 0 1.138 3.31l-.612 2.243c-.16.59.448 1.125 1.012.89l2.8-1.167a.75.75 0 0 0-.577-1.385l-1.384.577l.31-1.137a.75.75 0 0 0-.162-.695C5.127 11.405 4.75 10.49 4.75 9.5c0-2.282 2.058-4.25 4.75-4.25c2.08 0 3.791 1.183 4.454 2.772c-3.14.253-5.704 2.663-5.704 5.728c0 3.241 2.867 5.75 6.25 5.75c.766 0 1.503-.127 2.184-.36l2.528 1.052c.564.236 1.172-.3 1.012-.89l-.612-2.242a5.42 5.42 0 0 0 1.138-3.31c0-2.897-2.29-5.208-5.191-5.667c-.694-2.53-3.184-4.333-6.059-4.333m.25 10c0-2.281 2.058-4.25 4.75-4.25s4.75 1.969 4.75 4.25c0 .989-.377 1.905-1.025 2.636a.75.75 0 0 0-.162.695l.31 1.137l-1.384-.577a.75.75 0 0 0-.565-.004A5.2 5.2 0 0 1 14.5 18c-2.692 0-4.75-1.968-4.75-4.25' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.stash--light-bulb-exclamation {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 6c-.59 0-1.05.52-.995 1.12l.395 3.32c.029.317.289.56.6.56a.61.61 0 0 0 .6-.56l.396-3.32C13.05 6.52 12.589 6 12 6m0 8a1 1 0 1 0 0-2a1 1 0 0 0 0 2'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 3.75c-2.927 0-5.25 2.275-5.25 5.02c0 1.71.44 2.581.998 3.373q.19.266.417.56c.524.685 1.154 1.51 1.601 2.699q.144.38.353.698l.056.08q.192.271.418.481c.407.372.896.589 1.407.589s1-.217 1.407-.589q.226-.209.418-.482l.056-.08q.21-.316.353-.697c.447-1.19 1.077-2.014 1.601-2.7q.227-.292.417-.56c.557-.79.998-1.662.998-3.373c0-2.744-2.322-5.019-5.25-5.019m3.167 13.119c.192-.3.35-.617.471-.94c.362-.963.818-1.562 1.318-2.217c.17-.223.345-.453.523-.706c.71-1.008 1.271-2.175 1.271-4.237c0-3.628-3.05-6.519-6.75-6.519S5.25 5.141 5.25 8.77c0 2.06.561 3.228 1.271 4.236c.178.253.353.483.523.706c.5.655.956 1.254 1.318 2.217c.121.323.28.64.471.94l.222 2.216a2.96 2.96 0 0 0 5.89 0zm-1.66 1.53c-.451.222-.956.351-1.507.351s-1.056-.13-1.506-.351l.053.536a1.46 1.46 0 0 0 2.906 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.stash--pencil-writing {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.897 8.834a.75.75 0 0 1 .274 1.025l-3.417 5.913a.75.75 0 1 1-1.299-.75l3.418-5.914a.75.75 0 0 1 1.024-.274'/%3E%3Cpath fill='%23000' d='M14.989 3.785a2.6 2.6 0 0 1 1.915-.513c.295.04.562.143.828.272c.254.125.55.296.904.5l.043.025c.353.203.65.375.885.533c.245.164.469.343.65.58c.419.545.604 1.233.514 1.914a2.7 2.7 0 0 1-.273.828c-.124.254-.296.55-.5.903l-5.126 8.87a3.44 3.44 0 0 1-1.407 1.383l-1.861 1.032c-.33.183-.62.344-.866.452a2.2 2.2 0 0 1-.521.166a1 1 0 0 1-.174.02H4a.75.75 0 0 1 0-1.5h4.336l-.006-.05a12 12 0 0 1-.04-.975l-.036-2.127a3.43 3.43 0 0 1 .494-1.909l5.127-8.87c.203-.353.375-.65.533-.885c.165-.245.344-.468.58-.65m1.719.974a1.1 1.1 0 0 0-.807.216c-.053.041-.127.115-.249.297a13 13 0 0 0-.407.673l.022.008c.384.15.958.416 1.78.89c.811.468 1.319.872 1.636 1.187c.198-.342.332-.576.425-.766c.096-.197.124-.297.133-.364a1.1 1.1 0 0 0-.216-.804c-.041-.054-.115-.127-.297-.25a16 16 0 0 0-.82-.49c-.38-.22-.633-.365-.836-.464c-.197-.096-.297-.124-.364-.133m1.099 4.528l.003.008l.007.014l.008.016l-.002-.003l-.018-.04zm-.002-.005l-.001-.004v.002m.013.033a1.5 1.5 0 0 0-.168-.196c-.2-.203-.6-.54-1.352-.975c-.772-.445-1.278-.675-1.576-.792a4 4 0 0 0-.239-.085l-4.435 7.675a1.95 1.95 0 0 0-.294 1.132l.033 1.948c.49.07.924.319 1.232.678l1.677-.93a1.95 1.95 0 0 0 .835-.82l4.35-7.527a1 1 0 0 1-.057-.099z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.stash--globe {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 21.474A9.474 9.474 0 0 0 21.474 12a9.474 9.474 0 1 0-18.948 0A9.474 9.474 0 0 0 12 21.474m3.796-16.578q.196.283.37.586c.514.893.92 1.95 1.189 3.116q.554.145 1.045.318c.45.16.87.34 1.243.542a8.08 8.08 0 0 0-3.847-4.562m4.013 9.08c-.414.24-.89.451-1.41.634q-.443.157-.938.29c-.263 1.365-.708 2.599-1.295 3.618a8 8 0 0 1-.37.586a8.07 8.07 0 0 0 4.013-5.129M8.204 19.103a8 8 0 0 1-.37-.586c-.587-1.02-1.032-2.253-1.295-3.618q-.495-.133-.939-.29a8.4 8.4 0 0 1-1.408-.635a8.07 8.07 0 0 0 4.012 5.129M4.357 9.458A9 9 0 0 1 5.6 8.916q.492-.173 1.046-.318c.269-1.166.674-2.223 1.188-3.116q.175-.303.37-.586a8.08 8.08 0 0 0-3.847 4.562m10.578-3.266c.345.599.64 1.3.867 2.08c-.958-.159-2-.258-3.091-.289V4.11c.792.259 1.572.95 2.224 2.082m1.202 3.584a21 21 0 0 0-3.426-.37v4.715a21 21 0 0 0 3.495-.385q.104-.838.105-1.736c0-.774-.061-1.52-.174-2.224M11.29 4.11v3.873c-1.091.03-2.133.13-3.091.288c.227-.779.521-1.48.866-2.08c.652-1.131 1.433-1.822 2.225-2.08m0 5.295a21 21 0 0 0-3.427.371a14.3 14.3 0 0 0-.069 3.96c1.034.21 2.22.348 3.496.385zm-5.216.851q.147-.053.302-.102a15.7 15.7 0 0 0-.05 3.202q-.129-.042-.252-.086c-.745-.263-1.297-.56-1.65-.854c-.356-.297-.43-.521-.43-.653c0-.131.074-.355.43-.653c.353-.294.905-.591 1.65-.854m2.991 7.552c-.417-.723-.76-1.596-.999-2.575c.994.17 2.082.278 3.223.31v4.347c-.791-.259-1.572-.95-2.224-2.082m3.646 2.082v-4.347a23 23 0 0 0 3.223-.31c-.24.979-.582 1.852-1 2.575c-.651 1.132-1.431 1.823-2.223 2.082M17.73 12q0 .69-.057 1.356q.129-.042.252-.086c.745-.263 1.297-.56 1.65-.854c.356-.297.43-.521.43-.653c0-.131-.074-.355-.43-.653c-.353-.294-.905-.591-1.65-.854a10 10 0 0 0-.302-.102q.107.9.108 1.846' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.ic--baseline-check {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.octicon--info-24 {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13 7.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-3 3.75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75v4.25h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75V12h-.75a.75.75 0 0 1-.75-.75'/%3E%3Cpath fill='%23000' d='M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12S5.925 1 12 1M2.5 12a9.5 9.5 0 0 0 9.5 9.5a9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5A9.5 9.5 0 0 0 2.5 12'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.carbon--save {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m27.71 9.29l-5-5A1 1 0 0 0 22 4H6a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V10a1 1 0 0 0-.29-.71M12 6h8v4h-8Zm8 20h-8v-8h8Zm2 0v-8a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8H6V6h4v4a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6.41l4 4V26Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.carbon--arrow-left {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m14 26l1.41-1.41L7.83 17H28v-2H7.83l7.58-7.59L14 6L4 16z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.carbon--document-download {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m30 25l-1.414-1.414L26 26.172V18h-2v8.172l-2.586-2.586L20 25l5 5z'/%3E%3Cpath fill='%23000' d='M18 28H8V4h8v6a2.006 2.006 0 0 0 2 2h6v3h2v-5a.91.91 0 0 0-.3-.7l-7-7A.9.9 0 0 0 18 2H8a2.006 2.006 0 0 0-2 2v24a2.006 2.006 0 0 0 2 2h10Zm0-23.6l5.6 5.6H18Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
@keyframes step-1 {
  0% {
    border-left: 1px solid #ddd;
  }
  100% {
    border-left: 485px solid #ec6608;
  }
}
@keyframes step-2 {
  0% {
    border-left: 485px solid #ec6608;
  }
  100% {
    border-left: 800px solid #ec6608;
  }
}
@keyframes step-3 {
  0% {
    border-left: 800px solid #ec6608;
  }
  100% {
    border-left: 1170px solid #ec6608;
  }
}
button .icon,
a .icon,
.icon-btn .icon {
  margin: 0 0.5rem 0 0;
  vertical-align: bottom;
  width: 22px;
  height: 22px;
}
.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.grid-cols-2 {
  grid-template-columns: 1fr 1fr;
}
.text-left {
  text-align: left;
}
.text-left ul li,
.text-left ol li,
.text-left p,
.text-left h5,
.text-left h4,
.text-left h3,
.text-left h2,
.text-left h1 {
  text-align: left;
}

section#cdmm-pfad {
  background-color: #f0f0f0;
  padding: 2rem 1rem 1rem;
}

#cdmm-pfad .timeline {
  display: grid;
  position: relative;
  text-align: center;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 4rem;
  gap: 2rem;
}
#cdmm-pfad .timeline .item .number {
  display: block;
}
#cdmm-pfad .timeline .item .ic--baseline-check {
  display: none;
  width: 22px;
  height: 22px;
  transform: translate(-3px, 0px);
}
#cdmm-pfad .timeline .item .done .ic--baseline-check {
  display: block;
}
#cdmm-pfad .timeline .item .done .number {
  display: none;
}
#cdmm-pfad .timeline .item button {
  background-color: #fff;
  display: block;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: 5px auto 10px auto;
}
#cdmm-pfad .timeline p {
  font-size: 12px;
  color: #434346;
}
#cdmm-pfad .timeline:before {
  content: "";
  display: block;
  height: 4px;
  background: #ddd;
  position: absolute;
  width: 100%;
  bottom: -21px;
}
#cdmm-pfad .timeline.step-1:before {
  animation: step-1 0.6s forwards;
}
#cdmm-pfad .timeline.step-2:before {
  animation: step-2 0.6s forwards;
}
#cdmm-pfad .timeline.step-3:before {
  animation: step-3 0.6s forwards;
}
#cdmm-pfad .timeline .item {
  z-index: 1;
}
#cdmm-pfad .timeline .item button.done {
  border-color: #94c84e;
  background-color: #94c84e;
  color: #fff;
}
#cdmm-pfad .timeline .item button.active {
  border-color: #ec6608;
  background-color: #ec6608;
  color: #fff;
}
#cdmm-pfad .box {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin-bottom: 0;
  text-align: left;
  padding: 4%;
  background-color: #fff;
  padding: 1.25rem;
  border-radius: 8px;
  box-shadow: 0px 0px 8px #ccc;
}
#cdmm-pfad .topics {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
  list-style: none;
  padding: 0;
}
#cdmm-pfad .topics .icon {
  color: #ec6608;
  vertical-align: middle;
  width: 42px;
  height: 42px;
}
#cdmm-pfad .topics li {
  border: 1px solid #ddd;
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  border-radius: 8px;
  padding: 1.4rem 1rem;
  margin: 0.5rem;
}
#cdmm-pfad .topics li:hover {
  background-color: #f5f5f5;
}
#cdmm-pfad .topics li.active {
  border-color: #ec6608;
}
#cdmm-pfad .scroll-container .item.active .topic-focused .content-selection {
  display: none;
}
article.cdmm .topic-focused,
article.cdmm .topic-focused h2,
article.cdmm .topic-focused h3,
article.cdmm .topic-focused h4,
article.cdmm .topic-focused h5 {
  text-align: left;
}
#cdmm-pfad .topic-focused {
  display: none;
}
#cdmm-pfad .scroll-container .item.active .topic-focused {
  display: block;
}
#cdmm-pfad .box.topic-focused {
  text-align: left;
}
#cdmm-pfad a {
  color: black;
}
#cdmm-pfad a:hover {
  text-decoration: underline;
}
#cdmm-pfad
  .scroll-container
  .item.active
  .topic-focused.selection-overview
  .content-selection {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#cdmm-pfad input[type="checkbox"] {
  accent-color: #000;
  background-color: #000;
  min-width: 20px;
  min-height: 20px;
}
#cdmm-pfad
  .scroll-container
  .item.active
  .topic-focused.selection-overview
  .content-overview {
  display: none;
}
#cdmm-pfad .scroll-container .item.active .topic-focused.selection-overview ul {
  list-style: none;
  padding: 0;
}
#cdmm-pfad
  .scroll-container
  .item.active
  .topic-focused.selection-overview
  ul
  li {
  display: flex;
  align-items: center;
  gap: 1rem;
  align-content: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
#cdmm-pfad .buttons {
  margin: 4rem 0;
  text-align: center;
  display: flex;
  gap: 1rem;
  justify-content: center;
}
#cdmm-pfad .buttons button {
  border-radius: 8px;
  border: 1px solid #ddd;
  padding: 0.5rem 1rem;
  background-color: #fff;
  font-weight: 600;
}
#cdmm-pfad .scroll-container {
  transition: all 0.3s ease-in-out;
  transform: translateX(0);
  display: flex;
  margin: 3rem 0;
  padding: 1rem 0;
}
#cdmm-pfad .scroll-container .item {
  width: 100%;
  min-width: 100%;
  height: 0;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 1, 1);
}
#cdmm-pfad .scroll-container .item.active {
  height: auto;
  opacity: 1;
}
#cdmm-pfad .top-actions {
  display: flex;
  justify-content: start;
}
#cdmm-pfad .bottom-actions {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1rem;
  margin-top: 2rem;
}
#cdmm-pfad .bottom-actions button.content-selection {
  grid-column: span 2;
  margin-top: 1.5rem;
}
#cdmm-pfad .bottom-actions .print-seminars-selection {
  grid-column: span 2;
  margin-top: 1.5rem;
}
#cdmm-pfad .bottom-actions .contact-btn,
#cdmm-pfad .bottom-actions .contact-link {
  grid-column: span 2;
  margin-top: 1.5rem;
}
#cdmm-pfad .btn {
  display: block;
  text-align: center;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 0.5rem 1rem;
  font-weight: 600;
  line-height: 1.2;
  box-shadow: none;
}
#cdmm-pfad .btn.orange {
  border-color: #ec6608;
}
#cdmm-pfad .btn.orange-full {
  background-color: #ec6608;
  border-color: #ec6608;
  color: #fff;
}
#cdmm-pfad .btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
#cdmm-pfad .btn-white,
#cdmm-pfad .steps-btn {
  background-image: none;
}
#cdmm-pfad .days.content-overview {
  text-align: left;
  margin-top: 1rem;
  align-items: center;
  font-weight: 600;
  justify-content: flex-start;
}
#cdmm-pfad .days.content-overview span {
  font-weight: 600;
  font-size: 18px;
}
#cdmm-pfad .days.content-overview .icon {
  width: 22px;
  height: 22px;
}
#cdmm-pfad .days.content-overview p {
  font-size: 12px;
  color: #434346;
}
#cdmm-pfad .info-box {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#cdmm-pfad .info-box span {
  font-size: 14px;
}
#cdmm-pfad .info-box p {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: all 0.2s ease-in-out;
  padding: 20px;
  width: 100%;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  max-width: 200px;
  top: 10px;
  background-color: #fff;
  transform: translateY(50px);
}
#cdmm-pfad .info-box .octicon--info-24:hover ~ p {
  opacity: 1;
  z-index: 10;
  transform: translateY(0);
}
#cdmm-pfad
  .scroll-container
  .item.active
  .topic-focused:not(.selection-overview)
  li:has(input[type="checkbox"]:not(:checked) + label) {
  display: none;
}

#cdmm-pfad
  .scroll-container
  .item.active.lock-selection
  .selection-overview
  input[type="checkbox"]:not(:checked) {
  cursor: not-allowed;
  pointer-events: none;
}
#cdmm-pfad
  .scroll-container
  .item.active.lock-selection
  .selection-overview
  input[type="checkbox"]:not(:checked)
  + label {
  cursor: not-allowed;
  pointer-events: none;
}
#cdmm-pfad
  .scroll-container
  .item.active.lock-selection
  .selection-overview
  input[type="checkbox"]:not(:checked)
  + label
  a {
  pointer-events: none;
  color: #ddd;
}
#cdmm-pfad .days-allowed-info {
  font-weight: 600;
  font-size: 18px;
  margin-top: 2rem;
}
#cdmm-pfad .days-allowed-info span {
  font-weight: 600;
  font-size: 18px;
}
#cdmm-pfad .days-allowed-info .icon {
  width: 22px;
  height: 22px;
}
#cdmm-pfad .days-allowed-info p {
  font-size: 12px;
  color: #434346;
}
#cdmm-pfad .contact-modal {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: all 0.3s ease-in-out;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

#cdmm-pfad .contact-modal .gform_required_legend {
  display: none;
}

#cdmm-pfad .contact-modal .gfield {
  margin-bottom: 15px;
}

#cdmm-pfad .contact-modal .contact-modal-content {
  max-width: 450px;
  width: 80%;
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: translateY(200px);
  transition: all 0.3s ease-in-out;
  height: 80%;
  max-height: 650px;
  background-color: #fff;
  border-radius: 8px;
  padding: 2rem;
}
#cdmm-pfad .contact-modal .contact-modal-content .close-modal {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: transparent;
  border: none;
}
#cdmm-pfad .contact-modal .contact-modal-content h4,
#cdmm-pfad .contact-modal .contact-modal-content h5 {
  text-align: left;
}
body.contact-modal-open {
  overflow: hidden;
}
body.contact-modal-open #cdmm-pfad .contact-modal {
  visibility: visible;
  z-index: 100;
  opacity: 1;
  pointer-events: auto;
}
body.contact-modal-open #cdmm-pfad .contact-modal .contact-modal-content {
  transform: translateY(0);
}
@media print {
  * {
    font-size: 14px;
    color: black;
  }
  header,
  footer,
  article,
  .btn,
  button,
  .days-allowed-info,
  .info-box,
  .days {
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }
  ul {
    list-style: none;
    padding: 0;
  }
  .orange {
    color: balck;
  }
  .print-content {
    display: block;
    margin-top: 1rem;
    box-shadow: none;
  }
}

@media all and (max-width: 640px) {
  .grid-cols-2 {
    grid-template-columns: 1fr;
  }
  .flex .container {
    display: block;
  }
  .flex .container .box {
    width: auto;
  }
}

/* Konfigurator */
.material-symbols--close {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.material-symbols-light--mail-outline {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.616 19q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616v10.769q0 .69-.463 1.153T19.385 19zM12 12.116L4 6.885v10.5q0 .269.173.442t.443.173h14.769q.269 0 .442-.173t.173-.443v-10.5zM12 11l7.692-5H4.308zM4 6.885V6v11.385q0 .269.173.442t.443.173H4z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.stash--user-group {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 3.25C7.904 3.25 6.171 4.91 6.171 7S7.904 10.75 10 10.75c1.65 0 3.075-1.029 3.607-2.486a2.643 2.643 0 1 0 .057-2.358C13.184 4.36 11.714 3.25 10 3.25M7.671 7c0-1.224 1.024-2.25 2.329-2.25S12.329 5.776 12.329 7S11.305 9.25 10 9.25S7.671 8.224 7.671 7m6.686.143a1.643 1.643 0 1 1 3.286 0a1.643 1.643 0 0 1-3.286 0m-6.072 4.564c-.403-.261-.984-.462-1.596-.294q-.245.068-.488.145l-.984.316c-1.233.394-2.188 1.373-2.51 2.613l-.011.04l-.42 2.952c-.167 1.18.485 2.401 1.78 2.701c1.197.278 3.126.57 5.944.57s4.746-.292 5.945-.57c1.293-.3 1.946-1.52 1.779-2.701l-.42-2.951l-.01-.041c-.323-1.24-1.278-2.219-2.511-2.613l-.984-.316q-.243-.077-.488-.145c-.612-.168-1.193.033-1.596.294c-.37.24-.974.529-1.715.529c-.74 0-1.345-.29-1.715-.53m-1.198 1.152c.064-.017.202-.01.384.107c.512.332 1.4.77 2.529.77s2.017-.438 2.53-.77c.18-.117.319-.124.383-.107q.215.06.428.128l.985.315c.75.24 1.308.82 1.506 1.524l.406 2.864c.075.527-.206.93-.633 1.03c-1.077.25-2.891.53-5.605.53s-4.528-.28-5.605-.53c-.427-.1-.708-.503-.634-1.03l.407-2.864a2.26 2.26 0 0 1 1.506-1.524l.985-.315q.213-.068.428-.128'/%3E%3Cpath fill='%23000' d='M18.183 10.298a1.05 1.05 0 0 0-.914.202c-.27.21-.748.5-1.269.5a.5.5 0 0 0 0 1c.858 0 1.556-.457 1.883-.71a.1.1 0 0 1 .043-.024h.004q.201.053.399.118l.685.225c.526.173.925.594 1.066 1.114l.283 2.049c.056.403-.156.705-.46.777q-.335.082-.813.16a.5.5 0 1 0 .16.988q.512-.085.884-.175c.895-.213 1.333-1.07 1.22-1.887l-.291-2.106l-.007-.027a2.62 2.62 0 0 0-1.73-1.843l-.685-.225a8 8 0 0 0-.458-.136'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.stash--desktop {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.175 2.78c-.365-.03-.81-.03-1.345-.03H7.17c-.535 0-.98 0-1.345.03c-.38.03-.736.098-1.073.27A2.75 2.75 0 0 0 3.55 4.252c-.172.337-.24.693-.27 1.073c-.03.365-.03.81-.03 1.345V13l.004.077q.005.329.026.598c.03.38.098.736.27 1.073a2.75 2.75 0 0 0 1.202 1.202c.337.172.693.24 1.073.27c.365.03.81.03 1.345.03h3.248a1.75 1.75 0 0 0 3.164 0h3.249c.534 0 .98 0 1.344-.03c.38-.03.736-.098 1.073-.27a2.75 2.75 0 0 0 1.202-1.201c.172-.338.24-.694.27-1.074q.021-.27.026-.598L20.75 13V6.57c0-.49-.002-.903-.03-1.245c-.03-.38-.098-.736-.27-1.073a2.75 2.75 0 0 0-1.2-1.202c-.338-.172-.694-.24-1.074-.27M13 14.75H7.2c-.572 0-.957 0-1.253-.025c-.287-.023-.424-.065-.514-.111a1.25 1.25 0 0 1-.547-.546a1 1 0 0 1-.09-.318h14.407a1 1 0 0 1-.09.318a1.25 1.25 0 0 1-.546.546c-.09.046-.227.088-.515.111c-.295.024-.68.025-1.252.025zm6.25-2.5H4.75V6.595c0-.515.002-.87.025-1.148c.023-.287.065-.424.111-.514a1.25 1.25 0 0 1 .547-.547c.09-.046.227-.088.514-.111c.296-.024.68-.025 1.253-.025h9.6c.572 0 .957 0 1.252.025c.288.023.425.065.515.111c.236.12.427.311.547.547c.046.09.088.227.111.514c.024.296.025.68.025 1.253z'/%3E%3Cpath fill='%23000' d='M10 16.75a.75.75 0 0 1 .75.75v.284c0 .818-.43 1.555-1.099 1.966h4.698a2.31 2.31 0 0 1-1.099-1.966V17.5a.75.75 0 0 1 1.5 0v.284c0 .37.252.693.611.783l.396.1a1.311 1.311 0 0 1-.319 2.583H8.562a1.312 1.312 0 0 1-.319-2.584l.396-.099a.81.81 0 0 0 .611-.783V17.5a.75.75 0 0 1 .75-.75'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.stash--search {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.44 3a7.44 7.44 0 1 0 4.803 13.122c-.022.271.07.55.278.757l3.84 3.84a.96.96 0 1 0 1.358-1.358l-3.84-3.84a.96.96 0 0 0-.757-.278A7.44 7.44 0 0 0 10.44 3m-6 7.44a6 6 0 1 1 12 0a6 6 0 0 1-12 0'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.stash--comments {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M9.5 3.75c-3.383 0-6.25 2.509-6.25 5.75a5.42 5.42 0 0 0 1.138 3.31l-.612 2.243c-.16.59.448 1.125 1.012.89l2.8-1.167a.75.75 0 0 0-.577-1.385l-1.384.577l.31-1.137a.75.75 0 0 0-.162-.695C5.127 11.405 4.75 10.49 4.75 9.5c0-2.282 2.058-4.25 4.75-4.25c2.08 0 3.791 1.183 4.454 2.772c-3.14.253-5.704 2.663-5.704 5.728c0 3.241 2.867 5.75 6.25 5.75c.766 0 1.503-.127 2.184-.36l2.528 1.052c.564.236 1.172-.3 1.012-.89l-.612-2.242a5.42 5.42 0 0 0 1.138-3.31c0-2.897-2.29-5.208-5.191-5.667c-.694-2.53-3.184-4.333-6.059-4.333m.25 10c0-2.281 2.058-4.25 4.75-4.25s4.75 1.969 4.75 4.25c0 .989-.377 1.905-1.025 2.636a.75.75 0 0 0-.162.695l.31 1.137l-1.384-.577a.75.75 0 0 0-.565-.004A5.2 5.2 0 0 1 14.5 18c-2.692 0-4.75-1.968-4.75-4.25' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.stash--light-bulb-exclamation {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 6c-.59 0-1.05.52-.995 1.12l.395 3.32c.029.317.289.56.6.56a.61.61 0 0 0 .6-.56l.396-3.32C13.05 6.52 12.589 6 12 6m0 8a1 1 0 1 0 0-2a1 1 0 0 0 0 2'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 3.75c-2.927 0-5.25 2.275-5.25 5.02c0 1.71.44 2.581.998 3.373q.19.266.417.56c.524.685 1.154 1.51 1.601 2.699q.144.38.353.698l.056.08q.192.271.418.481c.407.372.896.589 1.407.589s1-.217 1.407-.589q.226-.209.418-.482l.056-.08q.21-.316.353-.697c.447-1.19 1.077-2.014 1.601-2.7q.227-.292.417-.56c.557-.79.998-1.662.998-3.373c0-2.744-2.322-5.019-5.25-5.019m3.167 13.119c.192-.3.35-.617.471-.94c.362-.963.818-1.562 1.318-2.217c.17-.223.345-.453.523-.706c.71-1.008 1.271-2.175 1.271-4.237c0-3.628-3.05-6.519-6.75-6.519S5.25 5.141 5.25 8.77c0 2.06.561 3.228 1.271 4.236c.178.253.353.483.523.706c.5.655.956 1.254 1.318 2.217c.121.323.28.64.471.94l.222 2.216a2.96 2.96 0 0 0 5.89 0zm-1.66 1.53c-.451.222-.956.351-1.507.351s-1.056-.13-1.506-.351l.053.536a1.46 1.46 0 0 0 2.906 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.stash--pencil-writing {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.897 8.834a.75.75 0 0 1 .274 1.025l-3.417 5.913a.75.75 0 1 1-1.299-.75l3.418-5.914a.75.75 0 0 1 1.024-.274'/%3E%3Cpath fill='%23000' d='M14.989 3.785a2.6 2.6 0 0 1 1.915-.513c.295.04.562.143.828.272c.254.125.55.296.904.5l.043.025c.353.203.65.375.885.533c.245.164.469.343.65.58c.419.545.604 1.233.514 1.914a2.7 2.7 0 0 1-.273.828c-.124.254-.296.55-.5.903l-5.126 8.87a3.44 3.44 0 0 1-1.407 1.383l-1.861 1.032c-.33.183-.62.344-.866.452a2.2 2.2 0 0 1-.521.166a1 1 0 0 1-.174.02H4a.75.75 0 0 1 0-1.5h4.336l-.006-.05a12 12 0 0 1-.04-.975l-.036-2.127a3.43 3.43 0 0 1 .494-1.909l5.127-8.87c.203-.353.375-.65.533-.885c.165-.245.344-.468.58-.65m1.719.974a1.1 1.1 0 0 0-.807.216c-.053.041-.127.115-.249.297a13 13 0 0 0-.407.673l.022.008c.384.15.958.416 1.78.89c.811.468 1.319.872 1.636 1.187c.198-.342.332-.576.425-.766c.096-.197.124-.297.133-.364a1.1 1.1 0 0 0-.216-.804c-.041-.054-.115-.127-.297-.25a16 16 0 0 0-.82-.49c-.38-.22-.633-.365-.836-.464c-.197-.096-.297-.124-.364-.133m1.099 4.528l.003.008l.007.014l.008.016l-.002-.003l-.018-.04zm-.002-.005l-.001-.004v.002m.013.033a1.5 1.5 0 0 0-.168-.196c-.2-.203-.6-.54-1.352-.975c-.772-.445-1.278-.675-1.576-.792a4 4 0 0 0-.239-.085l-4.435 7.675a1.95 1.95 0 0 0-.294 1.132l.033 1.948c.49.07.924.319 1.232.678l1.677-.93a1.95 1.95 0 0 0 .835-.82l4.35-7.527a1 1 0 0 1-.057-.099z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.stash--globe {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 21.474A9.474 9.474 0 0 0 21.474 12a9.474 9.474 0 1 0-18.948 0A9.474 9.474 0 0 0 12 21.474m3.796-16.578q.196.283.37.586c.514.893.92 1.95 1.189 3.116q.554.145 1.045.318c.45.16.87.34 1.243.542a8.08 8.08 0 0 0-3.847-4.562m4.013 9.08c-.414.24-.89.451-1.41.634q-.443.157-.938.29c-.263 1.365-.708 2.599-1.295 3.618a8 8 0 0 1-.37.586a8.07 8.07 0 0 0 4.013-5.129M8.204 19.103a8 8 0 0 1-.37-.586c-.587-1.02-1.032-2.253-1.295-3.618q-.495-.133-.939-.29a8.4 8.4 0 0 1-1.408-.635a8.07 8.07 0 0 0 4.012 5.129M4.357 9.458A9 9 0 0 1 5.6 8.916q.492-.173 1.046-.318c.269-1.166.674-2.223 1.188-3.116q.175-.303.37-.586a8.08 8.08 0 0 0-3.847 4.562m10.578-3.266c.345.599.64 1.3.867 2.08c-.958-.159-2-.258-3.091-.289V4.11c.792.259 1.572.95 2.224 2.082m1.202 3.584a21 21 0 0 0-3.426-.37v4.715a21 21 0 0 0 3.495-.385q.104-.838.105-1.736c0-.774-.061-1.52-.174-2.224M11.29 4.11v3.873c-1.091.03-2.133.13-3.091.288c.227-.779.521-1.48.866-2.08c.652-1.131 1.433-1.822 2.225-2.08m0 5.295a21 21 0 0 0-3.427.371a14.3 14.3 0 0 0-.069 3.96c1.034.21 2.22.348 3.496.385zm-5.216.851q.147-.053.302-.102a15.7 15.7 0 0 0-.05 3.202q-.129-.042-.252-.086c-.745-.263-1.297-.56-1.65-.854c-.356-.297-.43-.521-.43-.653c0-.131.074-.355.43-.653c.353-.294.905-.591 1.65-.854m2.991 7.552c-.417-.723-.76-1.596-.999-2.575c.994.17 2.082.278 3.223.31v4.347c-.791-.259-1.572-.95-2.224-2.082m3.646 2.082v-4.347a23 23 0 0 0 3.223-.31c-.24.979-.582 1.852-1 2.575c-.651 1.132-1.431 1.823-2.223 2.082M17.73 12q0 .69-.057 1.356q.129-.042.252-.086c.745-.263 1.297-.56 1.65-.854c.356-.297.43-.521.43-.653c0-.131-.074-.355-.43-.653c-.353-.294-.905-.591-1.65-.854a10 10 0 0 0-.302-.102q.107.9.108 1.846' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.ic--baseline-check {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.octicon--info-24 {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13 7.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-3 3.75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75v4.25h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75V12h-.75a.75.75 0 0 1-.75-.75'/%3E%3Cpath fill='%23000' d='M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12S5.925 1 12 1M2.5 12a9.5 9.5 0 0 0 9.5 9.5a9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5A9.5 9.5 0 0 0 2.5 12'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.carbon--save {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m27.71 9.29l-5-5A1 1 0 0 0 22 4H6a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V10a1 1 0 0 0-.29-.71M12 6h8v4h-8Zm8 20h-8v-8h8Zm2 0v-8a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8H6V6h4v4a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6.41l4 4V26Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.carbon--arrow-up-right {
  display: inline-block;
  width: 18px;
  height: 18px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M10 6v2h12.59L6 24.59L7.41 26L24 9.41V22h2V6z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  vertical-align: middle;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transition: transform 0.2s ease-in-out;
}
.carbon--arrow-up-right:hover {
  transform: scale(1.5);
  color: #ec6608;
}
.carbon--arrow-left {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m14 26l1.41-1.41L7.83 17H28v-2H7.83l7.58-7.59L14 6L4 16z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.carbon--document-download {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m30 25l-1.414-1.414L26 26.172V18h-2v8.172l-2.586-2.586L20 25l5 5z'/%3E%3Cpath fill='%23000' d='M18 28H8V4h8v6a2.006 2.006 0 0 0 2 2h6v3h2v-5a.91.91 0 0 0-.3-.7l-7-7A.9.9 0 0 0 18 2H8a2.006 2.006 0 0 0-2 2v24a2.006 2.006 0 0 0 2 2h10Zm0-23.6l5.6 5.6H18Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
@keyframes step-1 {
  0% {
    border-left: 1px solid #ddd;
  }
  100% {
    border-left: 485px solid #ec6608;
  }
}
@keyframes step-2 {
  0% {
    border-left: 485px solid #ec6608;
  }
  100% {
    border-left: 800px solid #ec6608;
  }
}
@keyframes step-3 {
  0% {
    border-left: 800px solid #ec6608;
  }
  100% {
    border-left: 1800px solid #ec6608;
  }
}
button .icon {
  margin: 0 0.5rem;
  vertical-align: bottom;
  width: 22px;
  height: 22px;
}
.green {
  color: #94c84e;
}
.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.grid-cols-2 {
  grid-template-columns: 1fr 1fr;
}
.text-left {
  text-align: left;
}
.text-left ul li,
.text-left ol li,
.text-left p,
.text-left h5,
.text-left h4,
.text-left h3,
.text-left h2,
.text-left h1 {
  text-align: left;
}
#cdmm-pfad .timeline {
  display: grid;
  position: relative;
  text-align: center;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 4rem;
  gap: 2rem;
}
#cdmm-pfad .timeline .item .number {
  display: block;
}
#cdmm-pfad .timeline .item .ic--baseline-check {
  display: none;
  width: 22px;
  height: 22px;
  transform: translate(-3px, 0px);
}
#cdmm-pfad .timeline .item .done .ic--baseline-check {
  display: block;
}
#cdmm-pfad .timeline .item .done .number {
  display: none;
}
#cdmm-pfad .timeline .item button {
  background-color: #fff;
  pointer-events: none;
  cursor: default;
  display: block;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: 5px auto 10px auto;
}
#cdmm-pfad .timeline p {
  font-size: 12px;
  color: #434346;
}
#cdmm-pfad .timeline:before {
  content: "";
  display: block;
  height: 4px;
  background: #ddd;
  position: absolute;
  width: 100%;
  bottom: -21px;
}
#cdmm-pfad .timeline.step-1:before {
  animation: step-1 0.6s forwards;
}
#cdmm-pfad .timeline.step-2:before {
  animation: step-2 0.6s forwards;
}
#cdmm-pfad .timeline.step-3:before {
  animation: step-3 0.6s forwards;
}
#cdmm-pfad .timeline .item {
  z-index: 1;
}
#cdmm-pfad .timeline .item button.done {
  border-color: #94c84e;
  background-color: #94c84e;
  color: #fff;
}
#cdmm-pfad .timeline .item button.active {
  border-color: #ec6608;
  background-color: #ec6608;
  color: #fff;
}
#cdmm-pfad .box {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin-bottom: 0;
  padding: 1.5rem;
}
#cdmm-pfad .topics {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
  list-style: none;
  padding: 1rem 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 8px #ccc;
}
#cdmm-pfad .exp-hint {
  font-size: 13px;
  text-align: center;
}
#cdmm-pfad .topics .icon {
  color: #ec6608;
  vertical-align: middle;
  width: 42px;
  height: 42px;
}
#cdmm-pfad .topics li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #ddd;
  cursor: pointer;
  text-align: left;
  font-weight: 700;
  font-size: 18px;
  border-radius: 8px;
  padding: 1.4rem 1rem;
}
#cdmm-pfad .topics li span {
  pointer-events: none;
}
#cdmm-pfad .topics li span.text-gray {
  display: none;
  font-size: 12px;
  font-weight: 500;
  color: gray;
}
#cdmm-pfad .topics li.visited span.text-gray {
  display: block;
}
#cdmm-pfad .topics li.active.visited span.text-gray {
  display: none;
}
#cdmm-pfad .topics li .ic--baseline-check {
  display: none;
  height: 26px;
  width: 26px;
  color: #ec6608;
}
#cdmm-pfad .topics li.active .ic--baseline-check {
  display: block;
}
#cdmm-pfad .topics li:hover {
  background-color: #f5f5f5;
}
#cdmm-pfad .topics li.active {
  border-color: #ec6608;
}
#cdmm-pfad .scroll-container .item.active .topic-focused .content-selection {
  display: none;
}
article.cdmm .topic-focused,
article.cdmm .topic-focused h2,
article.cdmm .topic-focused h3,
article.cdmm .topic-focused h4,
article.cdmm .topic-focused h5 {
  text-align: left;
}
#cdmm-pfad .topic-focused {
  display: none;
}
#cdmm-pfad .scroll-container .item.active .topic-focused {
  display: block;
}
#cdmm-pfad .box.topic-focused {
  text-align: left;
}
#cdmm-pfad a {
  color: black;
}
#cdmm-pfad a:hover {
  text-decoration: underline;
}
#cdmm-pfad a.btn:hover {
  text-decoration: none;
}
#cdmm-pfad
  .scroll-container
  .item.active
  .topic-focused.selection-overview
  .content-selection {
  display: inline-flex;
  align-items: start;
  justify-content: start;
}
#cdmm-pfad
  .scroll-container
  .item.active
  .topic-focused.selection-overview
  button.content-selection {
  align-items: center;
  justify-content: center;
}

#cdmm-pfad .content-selection .icon {
  width: 22px;
  height: 22px;
  display: inline-block;
}

#cdmm-pfad input[type="checkbox"] {
  accent-color: #000;
  background-color: #000;
  min-width: 20px;
  min-height: 20px;
}
#cdmm-pfad
  .scroll-container
  .item.active
  .topic-focused.selection-overview
  .content-overview {
  display: none;
}
#cdmm-pfad .scroll-container .item.active .topic-focused.selection-overview ul {
  list-style: none;
  padding: 0;
}
#cdmm-pfad
  .scroll-container
  .item.active
  .topic-focused.selection-overview
  ul
  li {
  display: flex;
  align-items: center;
  gap: 1rem;
  align-content: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
#cdmm-pfad .orange-box {
  background-color: #f0f0f0;
  font-weight: 400;
  border-radius: 8px;
  padding: 1.5rem;
}
#cdmm-pfad .buttons {
  margin: 4rem 0;
  text-align: center;
  display: flex;
  gap: 1rem;
  justify-content: center;
  display: none;
}
#cdmm-pfad .buttons button {
  border-radius: 8px;
  border: 1px solid #ddd;
  padding: 0.5rem 1rem;
  background-color: #fff;
  color: #000;
  font-weight: 600;
}
#cdmm-pfad .scroll-container {
  transition: all 0.3s ease-in-out;
  transform: translateX(0);
  display: flex;
  margin: 1rem 0;
}
#cdmm-pfad .scroll-container .item div:first-child {
  width: 100%;
  min-width: 100%;
  max-height: 0;
  opacity: 0;
  transition: transform 1.2s cubic-bezier(0.4, 0, 1, 1),
    max-height 0.4s cubic-bezier(0.4, 0, 1, 1);
}
#cdmm-pfad .scroll-container .item.active div:first-child {
  opacity: 1;
  max-height: 10000px;
}
#cdmm-pfad .top-actions {
  display: flex;
  justify-content: start;
}
#cdmm-pfad .bottom-actions {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1rem;
  margin-top: 2rem;
}
#cdmm-pfad .bottom-actions button.content-selection {
  grid-column: span 2;
  margin-top: 1.5rem;
}
#cdmm-pfad .bottom-actions .print-seminars-selection {
  grid-column: span 2;
  margin-top: 1.5rem;
}
#cdmm-pfad .bottom-actions .contact-btn {
  grid-column: span 2;
  margin-top: 1.5rem;
}
#cdmm-pfad .btn {
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 0.5rem 1rem;
  font-weight: 600;
  box-shadow: none;
}
#cdmm-pfad .btn.orange {
  border-color: #ec6608;
}
#cdmm-pfad .btn.orange-full {
  width: 100%;
  background-color: #ec6608;
  border-color: #ec6608;
  color: #fff;
}

#cdmm-pfad .btn.green-full {
  width: 100%;
  background-color: #94c84e;
  border-color: #94c84e;
  color: #fff;
}

#cdmm-pfad .btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
#cdmm-pfad .btn-white,
#cdmm-pfad .steps-btn {
  background-image: none;
}
#cdmm-pfad .days.content-overview {
  text-align: left;
  margin-top: 1rem;
  align-items: center;
  font-weight: 600;
  justify-content: flex-start;
}
#cdmm-pfad .days.content-overview span {
  font-weight: 600;
  font-size: 18px;
}
#cdmm-pfad .days.content-overview .icon {
  width: 22px;
  height: 22px;
}
#cdmm-pfad .days.content-overview p {
  font-size: 12px;
  color: #434346;
}
#cdmm-pfad .info-box {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#cdmm-pfad .info-box span {
  font-size: 14px;
}
#cdmm-pfad .info-box p,
#cdmm-pfad .tooltip {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: all 0.2s ease-in-out;
  padding: 20px;
  width: 100%;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  max-width: 200px;
  top: 10px;
  background-color: #fff;
  transform: translateY(50px);
}
#cdmm-pfad .tooltip {
  left: 20px;
}
#cdmm-pfad .tooltip .orange {
  font-weight: bold;
}
#cdmm-pfad .info-box .octicon--info-24:hover ~ p {
  opacity: 1;
  z-index: 10;
  transform: translateY(0);
}
#cdmm-pfad .seminar-item {
  position: relative;
}
#cdmm-pfad .selection-overview .seminar-item.disabled:hover .tooltip {
  opacity: 1;
  z-index: 10;
  transform: translateY(0);
}
#cdmm-pfad
  .scroll-container
  .item.active
  .topic-focused:not(.selection-overview)
  li
  label {
  pointer-events: none;
}
#cdmm-pfad
  .scroll-container
  .item.active
  .topic-focused:not(.selection-overview)
  li:has(input[type="checkbox"]:not(:checked) + label) {
  display: none;
}
#cdmm-pfad
  .scroll-container
  .item.active
  .topic-focused.selection-overview
  .content-selection.done {
  display: none;
}
#cdmm-pfad
  .scroll-container
  .item.active.done
  .topic-focused.selection-overview
  .content-selection.done {
  display: block;
}
#cdmm-pfad
  .scroll-container
  .item.active.done
  .topic-focused
  .content-selection.done
  .icon {
  vertical-align: bottom;
  margin-right: 10px;
}
#cdmm-pfad
  .scroll-container
  .item.active.done
  .topic-focused.selection-overview
  .days-allowed-info
  .content-selection.days {
  display: none;
}
#cdmm-pfad
  .scroll-container
  .item.active.lock-selection
  .selection-overview
  input[type="checkbox"]:not(:checked) {
  cursor: not-allowed;
  pointer-events: none;
}
#cdmm-pfad
  .scroll-container
  .item.active
  .selection-overview
  input[type="checkbox"]:disabled
  + label {
  pointer-events: none;
  color: #ddd;
}
#cdmm-pfad
  .scroll-container
  .item.active.lock-selection
  .selection-overview
  input[type="checkbox"]:not(:checked)
  + label {
  color: #ddd;
}
#cdmm-pfad .days-allowed-info {
  font-weight: 600;
  font-size: 18px;
  margin-top: 2rem;
}
#cdmm-pfad .days-allowed-info span {
  font-weight: 600;
  font-size: 18px;
}
#cdmm-pfad .days-allowed-info .icon {
  width: 22px;
  height: 22px;
}
#cdmm-pfad .days-allowed-info p {
  font-size: 12px;
  color: #434346;
}
#cdmm-pfad .contact-modal {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: all 0.3s ease-in-out;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
#cdmm-pfad .contact-modal .contact-modal-content {
  max-width: 450px;
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: translateY(200px);
  transition: all 0.3s ease-in-out;
  height: fit-content;
  max-height: 90%;
  background-color: #fff;
  border-radius: 8px;
  padding: 2rem;
}
#cdmm-pfad .contact-modal .contact-modal-content .subtitle {
  display: block;
  margin-bottom: 1rem;
  font-weight: 600;
}
#cdmm-pfad .contact-modal .contact-modal-content .selection {
  margin-top: 1rem;
  border-radius: 8px;
  padding: 1rem;
  background-color: #f0f0f0;
}
#cdmm-pfad .contact-modal .contact-modal-content .close-modal {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: transparent;
  border: none;
}
#cdmm-pfad .contact-modal .contact-modal-content h4,
#cdmm-pfad .contact-modal .contact-modal-content h6 {
  text-align: left;
}
#cdmm-pfad .contact-modal .contact-modal-content h6 {
  margin-top: 1.5rem;
}
#cdmm-pfad .contact-modal .contact-modal-content .selection-seminars,
#cdmm-pfad .contact-modal .contact-modal-content .selection-focused,
#cdmm-pfad .contact-modal .contact-modal-content .selection-additional {
  margin-top: 0.5rem;
}
#cdmm-pfad .contact-modal .contact-modal-content .selection-days {
  margin-top: 0.8rem;
}
#cdmm-pfad .contact-modal .contact-modal-content .contact-form-modal-btn {
  margin: 1rem auto 0;
}
#cdmm-pfad .contact-modal .contact-modal-content form input {
  width: 100%;
  height: 40px;
  display: block;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  border: 1px solid #ddd;
}
#cdmm-pfad
  .contact-modal
  .contact-modal-content
  form
  input.gfield-choice-input {
  width: auto;
  height: auto;
  float: left;
  margin-right: 10px;
  position: relative;
  top: 4px;
}
#cdmm-pfad .contact-modal .contact-modal-content form .gform-footer,
#cdmm-pfad .contact-modal .contact-modal-content form .gfield--type-textarea {
  display: none;
}
#cdmm-pfad .contact-modal .contact-modal-content form label {
  display: block;
  margin: 0 0 10px;
  font-weight: bold;
  line-height: 1.5;
}
#cdmm-pfad .contact-modal .contact-modal-content .approved-visible {
  display: none;
}
#cdmm-pfad .contact-modal .contact-modal-content.approved .approved-hidden {
  display: none;
}
#cdmm-pfad .contact-modal .contact-modal-content .headline {
  font-size: 23.03px;
  width: 80%;
  margin-top: -8px;
  color: #000;
}
#cdmm-pfad
  .contact-modal
  .contact-modal-content.approved
  .approved-visible:not(h3) {
  display: block;
}
#cdmm-pfad .contact-modal .contact-modal-content.approved h3 {
  color: #70cc70;
  display: flex;
  align-items: center;
  justify-content: center;
}
#cdmm-pfad
  .contact-modal
  .contact-modal-content.approved
  h3
  .ic--baseline-check {
  width: 34px;
  height: 34px;
  margin-right: 1rem;
}
#cdmm-pfad .content-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.error-message {
  padding: .5rem;
  background-color: #ffe9d9;
  border-radius: 8px;
}
body.contact-modal-open {
  overflow: hidden;
}
body.contact-modal-open #cdmm-pfad .contact-modal {
  visibility: visible;
  z-index: 100;
  opacity: 1;
  pointer-events: auto;
  font-size: 14px;
  line-height: 22px;
}
body.contact-modal-open #cdmm-pfad .contact-modal .contact-modal-content {
  transform: translateY(0);
}
.btn.beratung {
  display: none;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.btn.beratung.active {
  display: block;
  opacity: 1;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow i.material-icons {
  position: relative;
  top: 5px;
  margin-right: 7px;
  margin-left: 10px;
}
@media print {
  * {
    font-size: 14px;
    color: black !important;
    box-shadow: none !important;
  }
  header,
  footer,
  article,
  .btn,
  button,
  .days-allowed-info,
  .info-box,
  .days {
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }
  ul {
    list-style: none;
    padding: 0;
  }
  .orange {
    color: balck;
  }
  .print-content {
    display: block;
    margin-top: 1rem;
    box-shadow: none;
    color: black !important;
  }
  .print-content .print-none {
    display: none;
  }
  .tooltip {
    display: none;
  }
  .focus-course {
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 1px;
    text-decoration: underline;
  }
  input[type="checkbox"] {
    accent-color: black !important;
    background-color: black !important;
  }
}
/*********************************** MEDIA-QUERIES */
@media all and (max-width: 940px) {
  #cdmm-pfad .topics {
    grid-template-columns: 1fr 1fr;
  }
  #cdmm-pfad .info-box .octicon--info-24 {
    display: none;
  }
  #cdmm-pfad .contact-modal .contact-modal-content form label {
    margin-top: 0;
    font-size: 12px;
  }
  #cdmm-pfad .contact-modal .contact-modal-content .contact-form-modal-btn {
    float: none;
    width: 100%;
  }
  #cdmm-pfad .contact-modal .contact-modal-content .selection-seminars,
  #cdmm-pfad .contact-modal .contact-modal-content .selection-focused,
  #cdmm-pfad .contact-modal .contact-modal-content .selection-additional {
    font-size: 12px;
    margin-top: 5px;
  }
}
@media all and (max-width: 640px) {
  #cdmm-pfad .topics {
    grid-template-columns: 1fr;
  }
  #cdmm-pfad .timeline .info-box span {
    display: none;
  }
  #cdmm-pfad .bottom-actions {
    grid-template-columns: 1fr;
  }
  #cdmm-pfad .orange-box {
    padding: 10px;
  }
  #cdmm-pfad h3 {
    font-size: 20px;
  }
  #cdmm-pfad h4 {
    font-size: 18px;
  }
  #cdmm-pfad h5 {
    font-size: 16px;
  }
  #cdmm-pfad h6 {
    font-size: 14px;
  }
  #cdmm-pfad .grid-cols-2 {
    gap: 20px;
  }
  #cdmm-pfad .topic-focused .btn {
    font-size: 14px;
  }
  #cdmm-pfad .contact-modal .contact-modal-content {
    padding: 20px;
  }

  #cdmm-pfad .contact-modal .contact-modal-content p {
    display: none;
  }
  article.cdmm .box h4 {
    margin-bottom: 15px;
  }
  .grid-cols-2 {
    grid-template-columns: 1fr;
  }
  .flex .container {
    display: block;
  }
  .flex .container .box {
    width: auto;
  }
}


@media print {
  .exp-hint {
    display: none !important;
  }
}