.elementor-178 .elementor-element.elementor-element-8f60717{--display:flex;--min-height:1090px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-8b176ba{--display:flex;--min-height:25px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-178 .elementor-element.elementor-element-c2f0557{width:auto;max-width:auto;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-178 .elementor-element.elementor-element-c2f0557 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.5s;}.elementor-178 .elementor-element.elementor-element-c2f0557 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.5s;}.elementor-178 .elementor-element.elementor-element-c2f0557 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#B9B9B9;}.elementor-178 .elementor-element.elementor-element-c2f0557 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#B9B9B9;}.elementor-178 .elementor-element.elementor-element-c2f0557 .elementor-icon-list-text{transition:color 0.3s;}.elementor-178 .elementor-element.elementor-element-3164354{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-178 .elementor-element.elementor-element-3164354:not(.elementor-motion-effects-element-type-background), .elementor-178 .elementor-element.elementor-element-3164354 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000006E;}.elementor-178 .elementor-element.elementor-element-3164354.e-con{--align-self:stretch;}.elementor-178 .elementor-element.elementor-element-9e95efa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-178 .elementor-element.elementor-element-d4843eb{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-178 .elementor-element.elementor-element-d4843eb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-178 .elementor-element.elementor-element-5cb258a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-178 .elementor-element.elementor-element-5cb258a{text-align:start;}.elementor-178 .elementor-element.elementor-element-5cb258a .elementor-heading-title{font-family:"din-condensed", Sans-serif;font-size:110px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-178 .elementor-element.elementor-element-7159861 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-178 .elementor-element.elementor-element-7159861 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-178 .elementor-element.elementor-element-7159861 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-178 .elementor-element.elementor-element-7159861{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-178 .elementor-element.elementor-element-7159861 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-178 .elementor-element.elementor-element-7159861 .elementor-icon-list-item > a{font-family:"din-condensed", Sans-serif;font-size:21px;font-weight:400;}.elementor-178 .elementor-element.elementor-element-7159861 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-178 .elementor-element.elementor-element-3de44ff{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-178 .elementor-element.elementor-element-ec8582d:not( .elementor-widget-image ) .elementor-widget-container, .elementor-178 .elementor-element.elementor-element-ec8582d.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://diegowichert.de/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-178 .elementor-element.elementor-element-396e396{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-178 .elementor-element.elementor-element-6deae7b{--display:flex;}.elementor-178 .elementor-element.elementor-element-0e2d785 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-178 .elementor-element.elementor-element-0e2d785{text-align:center;}.elementor-178 .elementor-element.elementor-element-0e2d785 .elementor-heading-title{font-family:"din-condensed", Sans-serif;font-size:65px;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-178 .elementor-element.elementor-element-dbaf29c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-178 .elementor-element.elementor-element-2ab16f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-178 .elementor-element.elementor-element-0113416{--display:flex;}.elementor-178 .elementor-element.elementor-element-ffdc1f9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-178 .elementor-element.elementor-element-faf2762{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-178 .elementor-element.elementor-element-faf2762:not(.elementor-motion-effects-element-type-background), .elementor-178 .elementor-element.elementor-element-faf2762 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-178 .elementor-element.elementor-element-1d0fffc .elementor-heading-title{font-family:"din-condensed", Sans-serif;font-weight:300;text-transform:uppercase;color:#000000;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-178 .elementor-element.elementor-element-e354e81{--image-transition-duration:800ms;--content-text-align:center;}.elementor-178 .elementor-element.elementor-element-7a92d7d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-178 .elementor-element.elementor-element-a22b0c6{--display:flex;}.elementor-178 .elementor-element.elementor-element-acd0cd5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-178 .elementor-element.elementor-element-43b29fe{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-4710546{width:var( --container-widget-width, 109.897% );max-width:109.897%;--container-widget-width:109.897%;--container-widget-flex-grow:0;}.elementor-178 .elementor-element.elementor-element-4710546.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-178 .elementor-element.elementor-element-e7734ac{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-7be8e37 .elementor-heading-title{font-family:"din-condensed", Sans-serif;font-size:45px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-178 .elementor-element.elementor-element-6e03ca2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-178 .elementor-element.elementor-element-63dc021{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#272727;}.elementor-178 .elementor-element.elementor-element-fdd2e97{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-1e7762e{width:var( --container-widget-width, 109.897% );max-width:109.897%;--container-widget-width:109.897%;--container-widget-flex-grow:0;}.elementor-178 .elementor-element.elementor-element-1e7762e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-178 .elementor-element.elementor-element-7a596a4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-666ab28{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-178 .elementor-element.elementor-element-0df4492{--display:flex;--justify-content:center;}.elementor-178 .elementor-element.elementor-element-d5a62e9 .elementor-heading-title{font-family:"din-condensed", Sans-serif;font-size:45px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-178 .elementor-element.elementor-element-3020fbd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-1d86edf{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-1b4c8c7 );}.elementor-178 .elementor-element.elementor-element-0d5bf02{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-876e486{--display:flex;}.elementor-178 .elementor-element.elementor-element-c3a2510{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-a111a72{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-178 .elementor-element.elementor-element-9cefc7d{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-9cefc7d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-178 .elementor-element.elementor-element-ad5a876{--display:flex;}.elementor-178 .elementor-element.elementor-element-fa774ee{--display:flex;}.elementor-178 .elementor-element.elementor-element-8aedf5c{--display:flex;}.elementor-178 .elementor-element.elementor-element-0ff780d{--display:flex;--justify-content:center;}.elementor-178 .elementor-element.elementor-element-fb085aa .elementor-heading-title{font-family:"din-condensed", Sans-serif;font-size:45px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-178 .elementor-element.elementor-element-9e954ad{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-810bdf6{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-1b4c8c7 );}.elementor-178 .elementor-element.elementor-element-9362fa8{--display:flex;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-3b29347{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-178 .elementor-element.elementor-element-1d24d56{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-178 .elementor-element.elementor-element-8cb7ab5 .elementor-heading-title{font-family:"din-condensed", Sans-serif;font-size:45px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-178 .elementor-element.elementor-element-9063e00{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-4a71f0a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-1b4c8c7 );}.elementor-178 .elementor-element.elementor-element-6c6056b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-178 .elementor-element.elementor-element-418647e{--display:flex;--justify-content:center;}.elementor-178 .elementor-element.elementor-element-5a68654 img{width:62px;}.elementor-178 .elementor-element.elementor-element-4c32ebe{--display:flex;--justify-content:center;}.elementor-178 .elementor-element.elementor-element-60bf9ab img{width:155px;}.elementor-178 .elementor-element.elementor-element-27e2b4b{--display:flex;--justify-content:center;}.elementor-178 .elementor-element.elementor-element-0146846 img{width:155px;}.elementor-178 .elementor-element.elementor-element-2d01f21{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-178 .elementor-element.elementor-element-d2001eb .elementor-heading-title{font-family:"din-condensed", Sans-serif;font-weight:600;text-transform:uppercase;color:#000000;}@media(min-width:768px){.elementor-178 .elementor-element.elementor-element-9e95efa{--width:1140px;}.elementor-178 .elementor-element.elementor-element-d4843eb{--width:70%;}.elementor-178 .elementor-element.elementor-element-396e396{--width:100%;}.elementor-178 .elementor-element.elementor-element-6deae7b{--width:1140px;}.elementor-178 .elementor-element.elementor-element-faf2762{--content-width:1200px;}.elementor-178 .elementor-element.elementor-element-43b29fe{--width:30%;}.elementor-178 .elementor-element.elementor-element-6e03ca2{--width:100%;}.elementor-178 .elementor-element.elementor-element-fdd2e97{--width:30%;}.elementor-178 .elementor-element.elementor-element-3020fbd{--width:80%;}.elementor-178 .elementor-element.elementor-element-0d5bf02{--width:30%;}.elementor-178 .elementor-element.elementor-element-9cefc7d{--width:40%;}.elementor-178 .elementor-element.elementor-element-9e954ad{--width:100%;}.elementor-178 .elementor-element.elementor-element-9063e00{--width:80%;}}@media(max-width:1024px){.elementor-178 .elementor-element.elementor-element-d4843eb{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-178 .elementor-element.elementor-element-7159861 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-178 .elementor-element.elementor-element-7159861 .elementor-icon-list-item > a{font-size:15px;}}@media(max-width:767px){.elementor-178 .elementor-element.elementor-element-d4843eb{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-178 .elementor-element.elementor-element-7159861{--e-icon-list-icon-size:10px;}.elementor-178 .elementor-element.elementor-element-7159861 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-178 .elementor-element.elementor-element-7159861 .elementor-icon-list-item > a{font-size:9px;}.elementor-178 .elementor-element.elementor-element-1d0fffc .elementor-heading-title{font-size:16px;}}/* Start custom CSS for html, class: .elementor-element-206988e */#typewriter {
  font-family: monospace;
  font-size: 22px;
  white-space: nowrap;
  border-right: 1px solid white;
  color:white;
  overflow: hidden;
  width: fit-content;
}

@media only screen and (max-width:1024px) {
    #typewriter {
  font-family: monospace;
  font-size: 17px;
  white-space: nowrap;
  border-right: 1px solid white;
  color:white;
  overflow: hidden;
  width: fit-content;
}
}
@media only screen and (max-width:667px) {
    #typewriter {
  font-family: monospace;
  font-size: 11px;
  white-space: nowrap;
  border-right: 1px solid white;
  color:white;
  overflow: hidden;
  width: fit-content;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbaf29c */.timeline-container {
  width: 100%;
  padding: 100px;
  padding-top: 150px;
  height: 300px;
  overflow-x: auto;
  margin-bottom: -50px;
}

.timeline {
  position: relative;
  width: 80%;
  height: 4px;
  margin: 0 auto;
  background: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bubble-title {
    font-family: din-condensed;
    font-size: 19px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2px!important;

}
.bubble-inhalt {
    font-family: arial;
    font-size: 11px;
    margin-bottom: 2px;
    padding: 0px;
    text-align:center;
}

.bubble-img {
    display: block;
    justify-content: center;
    margin: auto;
    width: 60px;
    margin-top: 10px;
}

.bubble-img-zm {
    justify-content: center;
    margin: auto;
    width: 30px;
    display: block;
    margin-top: 10px;
    
}

/* Animierte Linie */
.timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 0;
  background: #fff;
  animation: draw-line 2.4s ease-out forwards;
}

@keyframes draw-line {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

/* Punkte */
.point {
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}

/* Bubbles über den Punkten */
.timeline-bubble {
  position: absolute;
  bottom: 170%;
  left: 50%;
  height: 120px;
  transform: translateX(-50%);
  background: #f0f0f0;
  padding: 8px 12px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  color: #333;
  font-size: 16px;
  white-space: nowrap;
  line-height: 1.4;
  opacity: 0;
  animation: fadeIn 0.6s ease-out forwards;
}

.timeline-bubble:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: #f0f0f0 transparent transparent transparent;
}

/* Fade-In Keyframes */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

/* Animationsverzögerung für Bubbles */
.delay-1 {
  animation-delay: 0.4s;
}
.delay-2 {
  animation-delay: 0.8s;
}
.delay-3 {
  animation-delay: 1.2s;
}
.delay-4 {
  animation-delay: 1.6s;
}
.delay-5 {
  animation-delay: 2s;
}



@media only screen and (max-width:1024px) {
    .timeline {
  position: relative;
  width: 70%;
  height: 4px;
  margin: 0 auto;
  background: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

    .timeline-container {
        width: 80%;
        margin-left:10%;
        padding: 0;
        padding-top: 150px;
        height: 300px;
        overflow-x: auto;
        margin-bottom:-50px
}
.bubble-title {
    font-family: din-condensed;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2px!important;

}
.bubble-inhalt {
    font-family: din-condensed;
    font-size: 12px;
    margin-bottom: 2px;
    padding: 0px;
    text-align:center;
}

.bubble-img {
    justify-content: center;
    width: 40px;
    margin-top: 10px;
}
.bubble-img-zm {
    justify-content: center;
    width: 30px;
    margin-top: 10px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ab16f4 */@media only screen and (max-width: 667px) {
  .timeline-container {
    width: 100%;
    padding: 50px 20px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 0;
  }

  .timeline {
    flex-direction: column;
    width: 4px;
    height: auto;
    background: transparent;
    align-items: flex-start;
    position: relative;
    margin-left: 20px;
  }

  .timeline::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 0;
    background: #fff;
    animation: draw-line-vertical 2.4s ease-out forwards;
  }

  @keyframes draw-line-vertical {
    from {
      height: 0;
    }
    to {
      height: 80%;
    }
  }

  .point {
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    margin-bottom: 100px;
    transform: translateX(-35%);
  }

  .timeline-bubble {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    background: #f0f0f0;
    padding: 8px 12px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 12px;
    white-space: normal;
    line-height: 1.4;
    width: 150px;
    height: 90px;
    opacity: 0;
    animation: fadeIn 0.6s ease-out forwards;
  }

  .timeline-bubble:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%) rotate(180deg);
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #f0f0f0;
  }

  .bubble-title {
    font-family: din-condensed;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2px !important;
  }

  .bubble-inhalt {
    font-family: din-condensed;
    font-size: 9px;
    margin-bottom: 2px;
    padding: 0px;
    text-align: center;
  }

  .bubble-img {
    display: block;
    margin: 8px auto 0;
    width: 60px;
  }

  .bubble-img-zm {
    display: block;
    margin: 8px auto 0;
    width: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47e1acf */.toggle-text {
    font-family: 'DIN Condensed', sans-serif;
    display: flex;
    gap: 20px;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 15px;
    cursor: pointer;
    user-select: none;
    }

.toggle-text div {
      transition: color 0.3s ease;
      
    }

    .active-text {
      color: white;
    }

    .inactive-text {
      color: #9a9a9a;
    }

    .cards-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 20px;
      width: 100%;
    }

    .card {
       background: white;
    border-radius: 10px;
    padding: 20px;
    height: 200px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    h3.card-title {
        font-size: 33px;
        font-family: din-condensed;
        text-transform: uppercase;
    }
    
    
    p.card-inhalt {
        font-size: 15px;
        display: flex;
    
    }
    
   
    
    .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.4);
    }

    .skill-text {
      position: absolute;
      inset: 20px;
      transition: opacity 0.5s ease;
    }

    .skill-text.soft {
      opacity: 0;
    }

    .soft-active .skill-text.hard {
      opacity: 0;
    }

    .soft-active .skill-text.soft {
      opacity: 1;
    }

    .hard-active .skill-text.soft {
      opacity: 0;
    }

    .hard-active .skill-text.hard {
      opacity: 1;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f98870 */#playPauseBtn {
      width: 43px;
      height: 43px;
      border-radius: 50%;
      border: none;
      background-color: #007bff;
      color: white;
      font-size: 36px;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: background-color 0.3s;
    }
    #playPauseBtn:hover {
      background-color: #0056b3;
    }
    
       #playPauseBtn2 {
      width: 43px;
      height: 43px;
      border-radius: 50%;
      border: none;
      background-color: #007bff;
      color: white;
      font-size: 36px;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: background-color 0.3s;
    }
    #playPauseBtn2:hover {
      background-color: #0056b3;
    }

       #playPauseBtn3 {
      width: 43px;
      height: 43px;
      border-radius: 50%;
      border: none;
      background-color: #007bff;
      color: white;
      font-size: 36px;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: background-color 0.3s;
    }
    #playPauseBtn3:hover {
      background-color: #0056b3;
    }

    
    h3.audio-title {
        font-family: din-condensed;
        text-transform: uppercase;
        color: #000;
        margin: 0px;
    }
    .audio-content {
        display: flex;
        align-items: center;
        flex-direction: row;
        white-space: nowrap;
        gap: 20px;
    }/* End custom CSS */
/* Start custom CSS */.section-1, .section-2, .section-3 {
  transition: background-color 3s ease;
}

/* Standard Hintergrundfarbe */
.section-1 {
  background-color: #000048;
}
.section-2 {
  background-color: #ffffff;
}
.section-3 {
  background-color: #ffffff;
}

/* Aktive Hintergrundfarben */
.section-1.active {
  background-color: #ffffff; /* orange */
}
.section-2.active {
  background-color: #3498db; /* blau */
}
.section-3.active {
  background-color: #2ecc71; /* grün */
}


/*Gradient Background*/

body {
  background: linear-gradient(215deg,#4d4dbf,#000048);
  background-size: 120% 120%;
  animation: gradient-animation 10s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}/* End custom CSS */