h1 {
    font-weight: 600 !important;
      font-size: 48px; /* von SE erweitert */
	margin-top: 3px; /* von SE erweitert */
	margin-bottom: 3px;/* von SE erweitert */
    }

h2 {
	margin-top: 3px; /* von SE erweitert */
	margin-bottom: 3px;/* von SE erweitert */
    }

h3 {
    font-weight: 600 !important;
    font-size: 38px; /* von SE erweitert */
margin-top: 3px; /* von SE erweitert */
	margin-bottom: 3px;/* von SE erweitert */
    }
    
    .Header__description {
      color: #333 !important; /* von SE erweitert */
    }
    
    .AppContainer__backToTop {
    background-color: #007161;
    }

.Header__searchTitle {
    font-size: 48px;
}

.Header__tabsTab::after, .LoginDetail__signin::after, .LoginDetail__signup::after {
display: none;
}

.Header__tabs__link {
    font-size: 15px !important;/* von SE erweitert */
}

.LoginDetail__tabLink {
    font-size: 15px !important;/* von SE erweitert */
}
    
    .Header__name, .Header__searchTitle, .Header__description {
        color: #007161;
    }
    
    .SearchContainer__downArrow {
    border-top-color: #007161;
    }
    
    span.SearchContainer__searchIcon > svg {
      color: #007161;
    }
    
    .SearchContainer__globalSearch {
        background-color: #FFF;
        border-radius: 5px;
        border: 1px solid #5fe7a7;
    }
    
    #searchContainer2 .SearchContainer__globalSearch {
        border: 0;
    }
    
    .SearchContainer__searchIcon {
      background-color: transparent;
    }
    
    .Header__logo img {
        filter: saturate(0) brightness(1000);
    }
    
    .Header__homeContent.Header__homeNavbarFixed .Header__navbar {
        background-color: #007161;
    }
    
    .Header__homeNavbarFixed .Header__menu, .Header__homeNavbarFixed .Header__menu:after, .Header__homeNavbarFixed .Header__menu:before {
        background-color: #fff;
    }
    
    .Header__homeNavbarFixed .Header__menuToggle {
        background-color: #007161;
    }
    
    .Header__homeNavbarFixed .Header__navbar .Header__tabsTab {
        color: #fff;
    }
    
    .Header__tabsTab.Header__active, .Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active {
        border-bottom: 0.1875rem solid #5fe7a7;
        color: #5fe7a7;
    }

    
    @media only screen and (min-width: 1024px) {
        .Header__homeContent .Header__navbar, .Header__defaultContent .Header__navbar {
            background-color: #007161;
        }
    }
    
    .BreadCrumbs__breadcrumbsView ul li:last-child {
        color: #fff;
    }
    
    .globalfixednav .globalSignin, .globalfixednav .globalSignup {
        color: #5fe7a7;
    }
    
    
    .ListHeader__headerType1 {
        opacity: 1 !important;
        border: 0;
        background-color: #d2e8dc;
        padding: 5px 10px;
        border-radius: 5px;
    }
    
    .ListHeader__headerType1 a.ListHeader__linkText.commonStyle__zt3Link{
      color: #007160;
    }
    
    
    
    .ContentList__subCategory:hover > .ListHeader__headerType1 {
      background-color: #007160;
    }
    
    .ContentList__subCategory:hover > .ListHeader__headerType1 a.ListHeader__linkText.commonStyle__zt3Link {
    color: white;
    }
    
    .ListHeader__description {
       display: none;
    }
    
    .ListHeader__headerType1 .ListHeader__listIcon2, .ListHeader__headerType1 .ListHeader__kbSubcategoryImg {
        display: none;
    }
    
            .academy-section {
                max-width: 1200px;
                margin: 0 auto;
              margin-bottom: 40px;
            }
            .academy-header {
                margin-bottom: 20px;
            }
            .academy-header h1 {
                margin-bottom: 10px;
            }
    .academy-header p {
        font-size: 1.1em;
        color: #555;
        margin-bottom: 60px;
        max-width: 450px;
    }
            .tutorial-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
            }
    .tutorial-item {
        border-radius: 8px;
        overflow: visible;
        position: relative;
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
      transition: all 0.3s ease;
    }
    
    .tutorial-item:hover {
                transform: translateY(-5px);
            }
    
    .tutorial-item img {
       border-radius: 8px;  
      width: 100%;
        height: 100%px;
        object-fit: cover;
        object-position: center;
    }
   
    .tutorial-title {
        position: absolute;
        bottom: -70px;
        left: -10px;
        color: #333;
        background-color: rgba(255, 255, 255, 1);
        padding: 5px 10px;
        font-size: 0.8em;
        font-weight: 600;
    }
    
    span.titleTopLine {
        font-weight: 600;
    }
    
    .neu-bei-sides-section {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
    
    .neu-bei-sides-section a {
        display: flex; /* Ensure anchor tags act as flex items */
        flex: 1 1 calc(50% - 20px); /* Adjust width to ensure two cards per row */
        text-decoration: none; /* Remove underline from links */
    }
    
    .neu-bei-sides-card {
        border-radius: 8px;
        overflow: visible;
        background-color: #fff;
        height: 280px;
        display: flex;
        flex-direction: column;
        text-align: center;
        transition: transform 0.3s;
        background-size: cover;
        background-position: center;
        position: relative;
        width: 100%; /* Ensure the card takes full width of the parent anchor */
    }
    
    .neu-bei-sides-card:hover {
        transform: translateY(-5px);
    }
    
    .neu-bei-sides-title {
        position: absolute;
        bottom: -50px;
        left: -10px;
        color: #333;
        background-color: rgba(255, 255, 255, 1);
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 1.1em;
        font-weight: 600;
    }
    
    /* Specific card backgrounds */
    .card-one {
        background-image: url('https://www.get-sides.de/wp-content/uploads/contenthub_tutorials_miticon.png');
    }
    
    .card-two {
        background-image: url('https://www.get-sides.de/wp-content/uploads/neuenavigationsstruktur.png');
    }
    
            .hilfe-section {
                max-width: 1200px;
                margin: 0 auto;
            }
    
            .hilfe-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
            }
    
            .hilfe-card {
                background-color: #FBF9F4;
                border-radius: 8px;
                padding: 20px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                transition: transform 0.3s, box-shadow 0.3s;
                height: 200px;
            }
    
            .hilfe-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            }
    
            .hilfe-icon {
                font-size: 2em;
                color: #007161;
                margin-bottom: 10px;
              text-align: center;
            }
    
     .hilfe-title {
        font-size: 1.3em;
        color: #333;
        font-weight: 600;
    }
    
         .support-section {
                max-width: 1200px;
                margin: 0 auto;
                display: flex;
                gap: 20px;
                justify-content: space-between;
            }
    
    .support-card {
        background-color: #fff;
        overflow: hidden;
        width: calc(33.33% - 13.33px);
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .Header__searchTitle {
        text-shadow: none;
    }
    
            .support-card img {
                width: 100%;
                height: 220px;
                object-fit: cover;
              border-radius: 5px;
            }
    
            .support-card-content {
                flex: 1;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
    
            .support-card-title {
                font-size: 1.2em;
                color: #333;
                margin-bottom: 15px;
              font-weight: 600;
            }
    
            .support-card-button {
                padding: 10px 20px;
                background-color: #5fe7a7;
                color: #000;
                border: none;
                border-radius: 5px;
                cursor: pointer;
                font-size: 0.9em;
              font-weight: 600;
                transition: background-color 0.3s;
                text-decoration: none;
                display: inline-block;
            }
    
            .support-card-button:hover {
                background-color: #007161;
              color: white;
            }

 .Footer__footerBg {
        background: #FBF9F4 !important;
    }

.Button__footerBtn {
        background: #007161 !important;
  		border-radius: 4px !important;
    }


@media only screen and (max-width: 1024px) {
    .Header__homeContent .Header__navbar, .Header__defaultContent .Header__navbar, .Header__navopen .Header__navbar .Header__menuTab {
        background-color: #007161;
    }
  
      .Header__searchTitle {
        font-size: 36px;
    }
  
  h2 {
    font-size: 30px;
}
  
  .hilfe-title {
    font-size: 1.2em;
}
  
}

@media screen and (max-width: 567px) {
  
  .tutorial-item {
    margin-bottom: 80px;
}
  
    h1 {
    font-size: 32px;
}
  
  h2 {
    font-size: 25px;
}
  
  
 .neu-bei-sides-section a {
    flex: 1 1 calc(100% - 20px);
    margin-bottom: 50px;
} 
  
  .hilfe-grid {
    grid-template-columns: repeat(2, 1fr);
}
  
  .tutorial-grid {
    grid-template-columns: repeat(1, 1fr);
}
  
      .hilfe-title {
        font-size: 1em;
    }
  
  .hilfe-card {
    height: 150px;
}
  

  
  .support-section {
    flex-direction: column;
}
  
  .support-card {
   width: 100%; 
  }
 
  .Readingprogress__progressBarLine {
  pointer-events: none;
}