/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
html,body{
--primary-color: var(--e-global-color-primary);
overflow-x: clip;
}

/*Gesamtschule*/

/*Designsystem*/
h1,h2,h3,h4,h5,h6 {
    margin: 0 !important;
}

h1{
    font-size: 64px !important;
    font-weight: 400 !important;
    line-height: 160% !important;
}

h2{
    font-size: 46px !important;
    font-weight: 500 !important;
    line-height: 130% !important;
}
h3{
    font-size: 26px !important;
    font-weight: 500 !important;
    line-height: 130% !important;
}
h4{
    font-size: 23px !important;
    font-weight: 500 !important;
    line-height: 160% !important;
}

h5/*Info*/{
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 140% !important;
}

h6{
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 140% !important;
}

@media (max-width: 1024px) {
    h1{
        font-size: 48px !important;
    }

    h2{
        font-size: 36px !important;
        line-height: 140% !important;
    }
    h3{
        font-size: 23px !important;
    }
    h4{
        font-size: 21px !important;
    }
}

@media (max-width: 768px) {
    h1{
        font-size: 36px !important;
        line-height: 140% !important;
    }
    h2{
        font-size: 28px !important;
        line-height: 130% !important;
    }
    h3,h4{
        font-size: 18px !important;
    }
}



.header-header-container{
    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.10);
}

.e-n-menu-wrapper {
    max-height: calc(100vh - 100px) !important;
    overflow-y: auto !important;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 50px;
}

/* === 2. NUR der aktive (geöffnete) Dropdown-Inhalt soll voll sichtbar sein === */
.e-n-menu-wrapper .e-n-menu-content.e-active > .e-con {
    max-height: none !important;
    overflow: visible !important;
    height: auto !important;
}

.elementor-widget-n-menu .e-n-menu-content{
    z-index: -1 !important;
}

/* === 3. Geschlossene Dropdowns dürfen KEINEN Platz einnehmen === */
.e-n-menu-wrapper .e-n-menu-content:not(.e-active) {
    display: none !important;
}

/* === 4. Scrollbar-Styling === */
.e-n-menu-wrapper::-webkit-scrollbar {
    width: 8px;
}

.e-n-menu-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.e-n-menu-wrapper::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 4px;
}

/* Wenn Menü im Tablet-/Mobile-Modus ist: zurücksetzen */
.e-n-menu-tablet #lupe .e-n-menu-title-container,
.e-n-menu-tablet #lupe button {
    position: static !important;
    width: auto;
    height: auto;
}

/*Menu*/
.head-main-menu{

}

.e-n-menu-content.e-active{
    transform: translateY(30px);
    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.10);
}
.head-main-menu-punkt-1{

}
.head-main-menu-punkt-2,
.head-main-menu-punkt-3,
.head-main-menu-punkt-4,
.head-main-menu-punkt-5,
.head-main-menu-punkt-6,
.head-main-menu-punkt-7{

}
.head-main-menu-punkt-7{

}
.head-main-menu-punkt-8{

}

.head-main-menu-punkt-lupe{

}

.head-untermenu-1{

}
.head-untermenu-2{

}
.head-untermenu-3{
    
}
.head-untermenu-4{
    
}
.head-untermenu-5{
    
}
.head-untermenu-6{
    
}
/*Ein Untermenupunkt*/
.header-untermenu-title{
    height: 110px;
    display: flex;
    align-items: center;
    border-top: 2px solid #E2E2E2;
    border-bottom: 2px solid #E2E2E2;
    margin-top: 40px;
}
.header-untermenu-title p{
    margin: 0 !important;
}

.header-untermenu-container{

}

.header-untermenu-links-container{

}

.header-untermenu-rechts-container{
    width: 70%;
    background-color: var(--primary-color);
    margin: 0;
    padding: 0;
    gap: 0;
    max-height: 300px !important;
}

.header-untermenu-rechts-bild,
.header-untermenu-rechts-bild img{
    aspect-ratio: 520 / 172;
    object-fit: cover;
    padding: 0;
    margin: 0;
    width: 100%;
}
.header-untermenu-rechts-innercon{
    padding: 25px 40px;
    gap: 10px;
}
.header-untermenu-rechts-heading{
    font-family: 'Poppins';
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: white;
}

.header-untermenu-rechts-heading p{
    margin: 0;
    color: white !important;
}
.header-untermenu-rechts-button a{
    margin: 0;
    padding: 0;
}

.header-untermenu-rechts-button .elementor-button-text{
    font-family: 'Poppins';
    font-size: 16px !important;
    line-height: 1.5 !important;
}


.header-untermenu-rechts-button .elementor-button-icon svg{
    height: 11px !important;
}

.header-untermenu-rechts-button .elementor-button-content-wrapper{
    display: flex;
    align-items: center;
}

.head-menu-akk{

}

.head-menu-akk .e-n-accordion-item-title{
    padding: 10px 0 !important;
}

.head-menu-akk .e-n-accordion-item-title-text{
    font-family: 'Poppins';
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

.head-menu-akk .elementor-button-text{
    font-family: 'Poppins';
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #252525 !important;
}

.head-menu-akk .e-opened svg{
    transform: rotate(180deg) !important;
    fill: var(--primary-color) !important;
    width: 14px !important;
}

#header-link-item{
    width: 100%;
    text-align: left;
    display: flex;
    border-radius: 0;
    background-color: transparent !important;
    padding: 5px 16px !important;
}

.akk-link{
    color: #252525 !important;
}

#head-akk-item-nonexpando .e-n-accordion-item-title-header,
#head-akk-item-nonexpando .e-n-accordion-item-title-text,
#head-akk-item-nonexpando .akk-link {
    width: 100%;
    display: block;
}
.head-akk-item-expando{
    gap:10px;
    border-top: 2px solid #E2E2E2;
    border-bottom: 2px solid #E2E2E2;
    /*padding: 30px 0;
    margin: 30px 0;
*/}

#head-akk-item-nonexpando .e-n-accordion-item-title-icon{
    display: none !important;
}
.head-akk-item-nonexpando{
    display: none !important;
}

.head-akkordion{
    gap: 6px !important;
}

.head-suchleiste .e-search-submit,
#lupe button svg{
    display: none !important;
}

.header-untermenu-container,
.head-akkordion-container,
.head-akkordion
{
    padding-left: 0;
    padding-right: 0;
}

.header-untermenu-container {
    gap: 50px;
    padding-bottom: 80px;
}
.head-akkordion-container{
    gap:25px;
}
/*Suche*/

#lupe .e-n-menu-title-container,
#lupe button{
    position: absolute;
    width: 30px;
    height: 30px;
    justify-content: center;
}

#lupe .e-n-menu-icon svg{
    width: 18px;
    height: 18px;
}


.head-suchleiste input{
    border-radius: 50px !important;
    background-color: #F8F8F8 !important;
    border: none;
}

.head-suchleiste input::placeholder{
    font-family: 'Poppins' !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/*QS Suche*/

.head-suchleiste .e-search-input-wrapper{
    margin: 40px 0 !important;
}

.head-suchleiste .e-search-submit,
#lupe button svg{

}

button.e-search-submit {
    background-color: #AD2034 !important;
    border-radius: 50px !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 45px;
    position: absolute;
    right: 8px;
}

button.e-search-submit svg{
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    position: absolute;
    left: 15px;

}

.head-suchleiste .e-search-input-wrapper svg{
    width: 15px !important;
    height: 15px !important;
    right: 70px;
}

/* Startseite*/
/*body{
    overflow-x: hidden;
}*/

.start-hero{
    min-height: calc(100vh - 250px);
}

.start-hero-text-1 h1{
    background-color: var(--e-global-color-primary);
    display: inline;
    padding: 4px 8px;
    color: white !important;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    line-height: 180% !important;
}

.hero-headline h1{
    background-color: var(--e-global-color-primary) !important;
    margin: 0 16px !important;
    display: inline !important;
    padding: 4px 8px !important;
    color: white !important;
    box-decoration-break: clone !important;
    -webkit-box-decoration-break: clone !important;
    line-height: 180% !important;
}

.us-ba-title h1{
    margin: 0 !important;
}
/*
.start-hero-text-1,
.start-hero-text-2
{
    background-color: var(--primary-color);
    width: fit-content;
    height: 98px;
    padding: 0 16px;
    margin: 0 16px;
}*/

.start-hero-btn{
    height: auto;
    background-color: var(--primary-color);
    max-width: 240px !important;
}

.start-hero-btn .elementor-button-icon svg{
    width: 2em !important;
}

.start-hero-btn .elementor-button{
    padding: 16px 24px;
}


.start-floating-hero-boxes{
    aspect-ratio: 200 / 180;
    width: 100%;
    background-color: #fff;
}

.start-termin-container{
    /*height: 180px;*/
    width: 100%;
    background-color: #fff;
}

.start-loop-termine{
    height: 180px;
    width: 100%;
}
.start-termin-con-date-time{
    padding: 0;
    margin-top: -10px;
}

.start-termin-container .swiper-pagination{
    display: flex;
    flex-direction: column;
    justify-content: center;
    right: 30px;
    left: auto;
    top: 60%;
    width: auto;
    gap: 6px;
}



.termine-text{

}

.termine-titel{

}

.termine-aktuelles-text{

}


.start-sect-3-posts-con{

}


/*Bildungsgänge Loop Template*/
/*
.start-sect-3{
    padding: 0 0 200px 0;
}*/

.start-sect-3 .elementor-widget-loop-carousel {
    width: calc(100vw - ((100vw - 1400px) / 2)) !important;
    max-width: 100vw !important;
}

.sect-bildungsgange-loop-container{
    background-color: var(--primary-color);
    aspect-ratio: 536 / 600;
    height: auto !important;
    padding: 0;
    min-height: 550px;
}

.sect-bildungsgange-loop-container .e-con-inner{
    padding: 0;
}

.sect-bildungsgange-loop-bild,
.sect-bildungsgange-loop-bild img,
.sect-bildungsgange-loop-bild a{
    aspect-ratio: 536 / 258;
    width: 100%;
    min-width: 100%;
    object-fit: cover;
    object-position: center 20%;
}

.sect-bildungsgange-loop-category{
    align-self: flex-start;
    padding-top: 20px;
}

.sect-bildungsgange-loop-category .elementor-icon-list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
}

.sect-bildungsgange-loop-category .elementor-icon-list-icon {
  display: flex;
  align-self: flex-start;
}

.sect-bildungsgange-loop-category svg {
  width: 18px;
  height: 18px;
}

.sect-bildungsgange-loop-category .elementor-post-info__terms-list-item{
    color: white;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 16px;
}

.sect-bildungsgange-loop-category .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text{
    padding: 0 !important;
    padding-inline-start: 0 !important;
}

.sect-bildungsgange-loop-category span.elementor-icon-list-text.elementor-post-info__item.elementor-post-info__item--type-terms{
    padding: 0;
}

.sect-bildungsgange-loop-text,
.sect-bildungsgange-loop-category{
    padding-left: 50px;
    padding-right: 50px;
}

.sect-bildungsgange-loop-text p{
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 23px;
    color: white;
    line-height: 38px;
}

.sect-bildungsgange-loop-button{
    margin-top: auto;
    padding: 10px 50px 40px 50px;
}

.sect-bildungsgange-loop-button a{
    border-radius: 0;
}

.sect-bildungsgange-loop-button .elementor-button-icon svg{
    font-size: 36px;
}

.start-sect-3 .swiper,
.start-sect-8-logos .swiper{
    padding-bottom: 160px !important;
}



.start-sect-3 .elementor-swiper-button-prev,
.start-sect-3 .elementor-swiper-button-next,

.start-sect-8-logos .elementor-swiper-button-prev,
.start-sect-8-logos .elementor-swiper-button-next  {
    /*top: calc((100vw - ((100vw - 1400px) / 2)) / 3 * (600 / 536) + 200px) !important;
    */background-color: var(--primary-color);
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
}


.start-sect-8-logos .elementor-swiper-button-prev,
.start-sect-8-logos .elementor-swiper-button-next{
    top: auto !important;
    bottom: 10px;
    z-index: 20 !important;
}

.start-sect-3 .swiper-pagination{
    /*top: calc((100vw - ((100vw - 1400px) / 2)) / 3 * (600 / 536) + 175px) !important;
    */left: calc(50vw - ((100vw - 1400px) / 2)) !important;
    transform: translate(-50%, -35px) !important;
}

.start-sect-3 .elementor-swiper-button-prev{
    left: calc(50vw - ((100vw - 1400px) / 2) - 100px) !important
}

.start-sect-3 .elementor-swiper-button-next{
    left: calc(50vw - ((100vw - 1400px) / 2) + 60px) !important;
}

.start-sect-3 .elementor-swiper-button-prev svg,
.start-sect-3 .elementor-swiper-button-next svg,
.start-sect-8-logos .elementor-swiper-button-prev svg,
.start-sect-8-logos .elementor-swiper-button-next svg{
    font-size: 16px;
}

.start-sect-3 .swiper-pagination-bullet,
.start-sect-8-logos .swiper-pagination-bullet{
    background-color: #CCCCCC !important;
    opacity: 1 !important;
}

.start-sect-3 .swiper-pagination-bullet-active,
.start-sect-8-logos .swiper-pagination-bullet-active{
    background-color: var(--primary-color) !important;
}

/*Sect-4 - Help Formular*/

.start-sect-4{
    background-color: #E5F1F8;
    min-height: 100vh;
}

.start-sect-4-text-1{

}

.start-sect-4-text-2{
    max-width: 922px !important;
}

.start-sect-4 .e-form__indicators{
    width: 50%;
}

.sect-4-form form{
    justify-items: center;
}

.sect-4-form .form__indicators__indicator{
    z-index: 2;
}

.sect-4-form .e-form__indicators__indicator__label{
    width: 100% !important;
}

.sect-4-form .e-form__indicators__indicator__icon{
    border: none;
    --e-form-steps-indicator-padding: 12px;
}

.sect-4-form .e-form__indicators__indicator--state-active .e-form__indicators__indicator__icon {
    --e-form-steps-indicator-padding: 24px;
}

.sect-4-form .e-form__indicators__indicator--state-active label{
    font-weight: 700 !important;
}

.sect-4-form .elementor-field-label{
    font-family: 'Poppins' !important;
    font-size: 32px !important;
    color: var(--primary-color) !important;
    font-weight: 500 !important;
}

.sect-4-form .elementor-field-option{
    background-color: white;
}

.sect-4-form .elementor-field-group-schulabschluss,
.sect-4-form .elementor-field-group-field_6f9e515{
    justify-content: center;
    padding: 60px 0 !important;
}

.sect-4-form .elementor-field-subgroup{
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px 24px;
    justify-content: center;
}

.sect-4-form span.elementor-field-option{
    height: 95px;
    border: solid 2px var(--primary-color);
    align-content: center;
}

.sect-4-form .elementor-field-option input{
    margin: 0 20px;
}


.sect-4-form .elementor-field-option label{
    font-family: 'Poppins' !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 130% !important;
    color: var(--primary-color) !important;
}

/* Radio verstecken und neu gestalten */
.sect-4-form .elementor-field-group-schulabschluss input[type="radio"],
.sect-4-form .elementor-field-group-field_6f9e515 input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 34px;
  height: 34px;
  border: 2px solid var(--primary-color);
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
}

/* Ausgewählter Zustand */
.sect-4-form .elementor-field-group-schulabschluss input[type="radio"]:checked,
.sect-4-form .elementor-field-group-field_6f9e515 input[type="checkbox"]:checked {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  box-shadow: inset 0 0 0 4px #fff;
}

/* Label und Radio nebeneinander ausrichten */
.sect-4-form .elementor-field-group-schulabschluss .elementor-field-option,
.sect-4-form .elementor-field-group-field_6f9e515 .elementor-field-option {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.start-sect-4 .e-form__buttons__wrapper__button-previous {
  font-size: 0;
  padding: 8px;
  width: 40px !important;
  height: 40px !important;
  min-width: 0 !important;
}

.start-sect-4 .e-form__buttons__wrapper__button-previous::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='15' viewBox='0 0 17 15' fill='none'%3E%3Cpath d='M0.293 6.657C-0.098 7.047 -0.098 7.681 0.293 8.071L6.657 14.435C7.047 14.826 7.681 14.826 8.071 14.435C8.462 14.045 8.462 13.411 8.071 13.021L2.414 7.364L8.071 1.707C8.462 1.317 8.462 0.683 8.071 0.293C7.681 -0.098 7.047 -0.098 6.657 0.293L0.293 6.657ZM17 7.364V6.364L1 6.364V7.364V8.364L17 8.364V7.364Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.start-sect-4 .elementor-field-group-field_e9da15c{
    width: 1400px;
}

.start-sect-4 .sect4-angebote-header{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap:20px;
    padding: 60px 0;
}

.start-sect-4 label{
    /*padding-bottom: 10px !important;*/
}


.start-sect-4 .elementor-field-group-schulabschluss .elementor-field-label{
    padding-bottom: 60px !important;
}


.start-sect-4 .elementor-field-type-previous{

}

.start-sect-4 .elementor-field-type-next{

}

.start-sect-4 .e-form__buttons{
    justify-content: center;
}

.start-sect-4 .elementor-field-group-field_3c48a3f .e-form__buttons button{
    width: 230px;
    height: 58px;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    font-family: 'Poppins';
    margin: 24px 16px;
}

.start-sect-4 .elementor-button-align-stretch .e-form__buttons__wrapper{
    flex-basis: unset;
    flex-grow: unset;
}

.start-sect-4 .elementor-field-group-field_6f9e515 .elementor-field-subgroup{
    padding-top: 30px;
}

#angebote-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,424px);
    gap:24px;
}

.angebot-card:only-child {
    grid-column: 2 !important;
}

.start-sect-4 .angebot-card{
    background-color: var(--primary-color);
}   

.start-sect-4 .angebot-card img{
    aspect-ratio: 424 / 240;
    width: 100%;
    object-fit: cover;
}

.start-sect-4 .angebot-card-info{
    aspect-ratio: 424 / 180;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.angebot-card-info strong{
    padding: 40px 0px 40px 40px;
    font-size: 23px;
    font-weight: 500;
    font-family: 'Poppins';
    color: white;
    width: 80%;
    hyphens: auto;
}

.angebot-card-info a{
    font-size: 0;
    display: inline-block;
    background-color: white;
    width: 40px !important;
    height: 40px !important;
    position: relative;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.angebot-card-info a::before{
    content: '';
    display: inline-block;
    width: 17px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='15' viewBox='0 0 17 15' fill='none'%3E%3Cpath d='M16.707 6.657C17.098 7.047 17.098 7.681 16.707 8.071L10.343 14.435C9.953 14.826 9.319 14.826 8.929 14.435C8.538 14.045 8.538 13.411 8.929 13.021L14.586 7.364L8.929 1.707C8.538 1.317 8.538 0.683 8.929 0.293C9.319 -0.098 9.953 -0.098 10.343 0.293L16.707 6.657ZM0 7.364V6.364L16 6.364V7.364V8.364L0 8.364V7.364Z' fill='%23043162'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.angebote-cards{
    padding-bottom: 60px;
    justify-content: center;
}

.start-sect-4 .elementor-field-type-submit button{
    padding: 16px 24px;
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 600;
}

.start-sect-4 .elementor-field-type-submit svg{
    height: 18px;
    width: 36px;
}




/*sect-5*/
/*
.bildungsgaenge-tax-berufsschule .news-news-square-info svg,
.bildungsgaenge-tax-berufsschule svg
{
    fill:#007632 !important;
}
.bildungsgaenge-tax-allgemeinbildende-abschluesse .news-news-square-info svg{
    fill:#0075BE !important;
}

.bildungsgaenge-tax-fachschule-fuer-wirtschaft .news-news-square-info svg{
    fill:#F9B000 !important;
}

.bildungsgaenge-tax-schulische-berufsabschluesse .news-news-square-info svg{
    fill:#EA5B0C !important;
}

.news_tax-news-typ-1 .news-post-category svg{
    fill:#007632 !important;
}

.news_tax-news-typ-2 .news-post-category svg{
    fill:#0075BE !important;
}

.news_tax-news-typ-3 .news-post-category svg{
    fill:#F9B000 !important;
}
*/

.news-post-category .elementor-icon-list-text {
    padding-inline-start: 10px;
    font-size: 0px;
}

.news-post-title-text{
    font-size: 26px !important;
    font-weight: 500 !important;
    line-height: 40px !important;
}

.news-post-title-con{
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-top: 0;
    gap: 0;
}


.news-post-bild img{
    aspect-ratio: 200 / 236;
    object-fit: cover;
    object-position: center center;
    max-height: 350px;
    width: auto;
}

.news-post-container-right{
    padding: 0;
}

.type-news .e-con-boxed{
    padding-left: 0;
}

.news-loop-con{

}

.sect-5-pinnwand{
    background-color: var(--primary-color);
    padding: 60px 86px 88px;
    max-width: 534px;
}

.start-pinnwand-news{
    height: 80%;
    display: flex;
    align-self: stretch !important;
}


.start-pinnwand-news .elementor-widget-container{
    width: 100%;
}

.pinnwand-news-post-container{
    border-top: solid 2px white;
}

.pinnwand-mehr-btn {
    position: absolute;
    right: 0;
}

.pinnwand-mehr-btn span {
    position: absolute;
    right: 0;
}

.pinnwand-loop-con{

}

.pinnwand-title-text{
    font-size: 18px !important;
    font-family: 'Poppins' !important;
    font-weight: 700 !important;
}

.pinnwand-post-top-con{

}

.pinnwand-excerpt,
.news-news-text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.pinnwand-excerpt{
    -webkit-line-clamp: 4 !important;   
}

.pinnwand-mehr-btn a{
    background-color: transparent !important;
    font-size: 32px;
}


/*sect6*/
/*
.sect-6-container{
    background-image: 
    linear-gradient(to right, rgba(173, 32, 52, 1) 30%, rgba(173, 32, 52, 0.5) 70%),
    url('https://bk-witten.beckdesign.dev/wp-content/uploads/2026/02/1704a71c3e875a3d57c6f1388e3627a0fbe95de3-scaled.jpg');
  background-size: cover;
  background-position: center;
}*/

.sect-6-texte-con{
    display: flex;
}
.wk-news-button path{
    fill: var(--primary-color) !important;
}


.sect-6-head-text-1{
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    color: white !important;
}
.sect-6-head-text-2{
    font-size: 46px !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    color: white !important;
}
.sect-6-text{
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    color: white !important;
}

/*sect7*/

.start-sect7-boxes{
    aspect-ratio: 312 / 256;
    width: 100%;
    height: auto;
    background-color: #fff;
}

.start-sect7-boxes .counterbox-center{
    text-align: center !important;
}

.start-sect-8-logos{
    padding-top: 75px;
    /*padding-bottom: 250px;*/
}


.start-sect-8-logos .swiper-slide-image {
  width: auto !important;
  height: 100px !important;
  max-width: auto !important;
  object-fit: contain !important;
}

.start-sect-8-logos .swiper-slide-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.start-sect-8-logos .swiper-slide {
  padding: 0 10px;
}
.start-sect-8-logos .elementor-image-carousel-wrapper {
  position: relative;
}

.start-sect-8-logos .elementor-image-carousel-wrapper::before,
.start-sect-8-logos .elementor-image-carousel-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 900px;
  z-index: 10;
  pointer-events: none;
}

.start-sect-8-logos .elementor-image-carousel-wrapper::before {
  left: -20vw;
  background: linear-gradient(to right, #ffffff 40%, transparent);
}

.start-sect-8-logos .elementor-image-carousel-wrapper::after {
  right: -20vw;
  background: linear-gradient(to left, #ffffff 40%, transparent);
}
/*
.start-sect-8-logos .elementor-swiper-button-prev,
.start-sect-8-logos .elementor-swiper-button-next{
    top: calc((10vw)) !important;
    background-color: var(--primary-color);
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    z-index: 20 !important;
}*/

.start-sect-8-logos .elementor-swiper-button-prev{
    left: calc(50% - 120px) !important
}


.start-sect-8-logos .elementor-swiper-button-next{
    right: calc(50% - 120px) !important
}

.start-sect-8-logos .swiper{
    overflow: visible;
}

.start-sect-8-logos .elementor-image-carousel-wrapper{
    overflow: hidden;
}

.start-sect-8-logos .swiper-pagination{
     bottom: 40px !important;    
}

.start-sect-8-logos .swiper-pagination-bullet{
    background-color: #CCCCCC !important;
    opacity: 1 !important;
}

.start-sect-8-logos .swiper-pagination-bullet-active{
    background-color: var(--primary-color) !important;
}

.start-sect-8-logos,
.start-sect-8-logos .elementor-widget-container,
.start-sect-8-logos .e-widget-swiper {
    overflow: visible !important;
}

.start-sect-8-logos .elementor-image-carousel-wrapper {
    overflow: visible !important;
}
/*
.start-sect-8-container{
    padding-bottom: 100px;
}*/

.start-sect-8-container .e-con-inner
{
    overflow-x: hidden !important;
}

#mob-menu-button-red{
    display: none !important;
}

.head-main-menu .e-n-menu-content > .e-con {
    display: block !important;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Wenn der Toggle-Button "aufgeklappt" ist */
.head-main-menu .e-n-menu-item:has([aria-expanded="true"]) .e-n-menu-content > .e-con {
    max-height: 2000px; /* großzügig, je nach Inhalt */
    opacity: 1;
    transition: max-height 3s ease;
}

.mob-menu-button-red{
    display: none !important;
}

nav.yoast-breadcrumbs span {
    font-family: 'Poppins' !important;
    color: #252525;
    font-size: 14px;
}

span.breadcrumb_last {
    font-weight: 700;
}

nav.yoast-breadcrumbs {
    padding: 40px 0;
}

nav.yoast-breadcrumbs a{
    color: #252525;
}

nav.yoast-breadcrumbs a:hover{
    color: #252525;
}

.suchergebniss-cards-liste .page-numbers{
    font-size: 18px !important;
}
.suchergebniss-cards-liste .page-numbers:hover{
    color: var(--primary-color) !important;
}

.suchergebniss-cards-liste article{
    padding: 30px 0 !important;
    border-bottom: 2px solid #E2E2E260;
}
.suchergebniss-cards-liste .elementor-post__read-more {
    background-color: var(--primary-color) !important;
    padding: 16px 24px !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
    font-size: 18px !important;
    font-family: 'Poppins' !important;
    margin-top: 20px;
}

.suchergebniss-cards-liste .elementor-post__read-more::after {
    content: "" !important;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('/wp-content/uploads/2026/04/Arrow-3.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


/*ONE SIDED FIXES*/
.head-akkordion{
    gap: 6px !important;
}

.header-seitenlink{
    width: fit-content;
}
.news-type-time-info-con{
    padding: 0 !important;
    margin: 0 !important;
}
.news-type-time-info-con .elementor-icon-list-icon{
    display: none !important;
}

.news-type-time-info-con li{
    margin: 0;
}

.news-type-time-info-k span{
    background-color: var(--primary-color);
    color: white;
    text-transform: uppercase;
    padding: 7px 15px;
    padding-inline-start: 15px !important;
}

.news-type-time-info-t{
    align-items: center;
    justify-content: center;
    display: flex;
}
.news-type-time-info-t span{
    color: var(--primary-color) !important;
}

.news-news-con{
    min-height: 440px !important;
}
/*ONE SIDED FIXES END*/


/*QS Fixes*/
.news-loop-con .e-loop-item.news:not(:last-child) {
    border-bottom: 1px solid black !important;
    padding-bottom: 30px;
}

.news-loop-con.news-hori-no-border .e-loop-item.news:not(:last-child) {
    border-bottom: none !important;
}

.single-page-berufsgang-all-news-btn{
    margin-top: -120px;
}

.sect-5-con:has(.news-loop-con .elementor-loop-container > :nth-child(4)) .single-page-berufsgang-all-news-btn {
    margin-top: 0 !important;
}

.news-update-main-container{
    padding: 0;
    padding-bottom: 180px !important;
}
.termin-loop-widget{
    padding-top: 60px;
    padding-bottom: 120px;
}

.news-loop-container .elementor-loop-container .e-loop-item:last-child .news-news-con{
    border-bottom: none !important;
}

.wk-geschichte-slider .swiper,
.wk-geschichte-slider .swiper-slide{
    overflow: visible !important;
}




/*QS2*/

.content-element-contact-ansprechpartner-titel p,
.content-element-kontakt-info-pos p {
    margin: 0;
    padding-top: 20px;
}

.start-floating-hero-boxes:hover .elementor-heading-title{
    text-decoration: underline;
}

.content-element-ti-2-text {
    padding-right: 30px;
    padding-top: 30px;
}

.sect7-boxes-container{
    padding-bottom: 20px;
}

a#all-news-btn{
    margin-top: 0;
}

.content-element-text-bild-elem-2 .e-con-inner div:first-child {
    justify-content: flex-start;
}
.content-element-text-bild-elem-2 .e-con-inner div:last-child {
    justify-content: flex-start;
}

.wk-custom-video-image-player .e-con-inner {
    gap: 30px !important;
}

.news-update-main-container .e-loop-nothing-found-message__text,
.news-loop-container .e-loop-nothing-found-message__text{
    color: #AD2034 !important;
    font-size: 23px;
    line-height: 160%;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after{
    display: none;
}

.sect-5-middle-con .news-loop-con .news-loop-element-container .news-post-text-con{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    overflow: hidden;
}

.sect-5-con .news-post-title-text{
    margin: 0 !important;
}

.sect-5-middle-con {
    padding: 0;
    gap: 150px;
}

.testimonials-loop{
    padding-bottom: 100px;
}
.schueler-testemonial-section .elementor-swiper-button-next{
    left: 200px;
}
.schueler-testemonial-section .swiper-pagination{
    top: auto !important;
    left: 120px;
    bottom: 30px !important;
}

.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover>.e-n-accordion-item-title{
    color: #AD2034;
}
.wk-allnews-center{
    margin-left: auto;
    margin-right: auto;
}

.content-element-kachel-info-text {
    width: fit-content;
}


/*end*/
@media( max-width: 1400px) {

    .margin1400{
        padding-left: 16px;
        padding-right: 16px;
    }

    /*QS Box shadow*/
    .e-n-menu-content.e-active{
        transform: none;
        box-shadow: none;
    }
    /*end*/
    .start-sect-8-logos .swiper-pagination{
        /*top: calc((20vw - 15px)) !important;
    */}
    .start-sect-8-logos .elementor-swiper-button-prev,
    .start-sect-8-logos .elementor-swiper-button-next{
        /*top: calc((20vw)) !important;
    */}
    .start-sect-8-logos .elementor-image-carousel-wrapper::before {
        left: -20vw;
        background: linear-gradient(to right, #ffffff 15%, transparent);
    }

    .start-sect-8-logos .elementor-image-carousel-wrapper::after {
        right: -20vw;
        background: linear-gradient(to left, #ffffff 15%, transparent);
    }
    .head-main-menu .e-n-menu-toggle{
        display: block !important;
        width: 28px !important;
        height: 28px !important;
    }

    .head-main-menu .e-n-menu-wrapper{
        display: none !important;
    }
    /* Wenn Burger offen: Wrapper zeigen */
    .head-main-menu .e-n-menu-toggle[aria-expanded="true"] ~ .e-n-menu-wrapper,
    .head-main-menu .e-n-menu-toggle[aria-expanded="true"] + .e-n-menu-wrapper {
        display: block !important;
    }

   .head-main-menu .e-n-menu-wrapper {
        --stretch-width: 100vw !important;
        --stretch-left: 0 !important;
        width: 100vw !important;
        left: 0 !important;
        position: fixed !important;
        height: 100vh !important;
        top: 100px !important; /* unter dem Header */
        max-width: none !important;
        background-color: white !important;
    }

    /* Dropdown-Content darin auch auf volle Breite */
    .head-main-menu .e-n-menu-content > .e-con {
        width: 100% !important;
        max-width: none !important;
    }

    .header-header-container{
        padding: 0 !important;
    }

    .head-main-menu .e-n-menu-title,
    .header-header-container .e-con-inner{
        justify-content: space-between !important;
        padding: 5px 40px !important;
    }

    .head-main-menu .e-n-menu-title-text{
        font-family: 'Poppins' !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1.5 !important;
    }

    .head-main-menu #lupe button{
        display: none;
    }
    .head-main-menu #lupe .mob-menu-button-red{
        display: flex !important;
        width: fit-content;
        padding: 16px 24px;
        justify-content: center;
        align-items: center;
        background-color: var(--primary-color);
        color: white;
        height: auto !important;
    }

    .head-main-menu .e-n-menu-heading{
        gap: 10px !important;
    }

    .header-main-image {
        margin-left: -15px !important;
    }

    .head-main-menu .header-untermenu-title,
    .head-main-menu .header-untermenu-rechts-container{
        display: none !important;
    }

    .head-main-menu .head-akkordion-container{
        flex-direction: column !important;
        gap: 0 !important;
    }

    .head-main-menu .head-akkordion,
    .head-main-menu .header-untermenu-container{
        padding: 0;
    }

    /* Lupen-Icon ausblenden */
    .head-main-menu #lupe .e-n-menu-icon {
        display: none !important;
    }

    /* Auch den Dropdown-Pfeil ausblenden (sonst sieht's komisch aus) */
    .head-main-menu #lupe .e-n-menu-dropdown-icon {
        display: none !important;
    }

    /* Den Container des Lupe-Items so anpassen, dass der Button schön sitzt */
    .head-main-menu #lupe {
        padding: 0 40px !important;
    }

    .head-main-menu #lupe .e-n-menu-title-container {
        width: 100%;
        justify-content: center;
    }

    /* Das letzte <li> ans Ende der UL schieben */
    .head-main-menu .e-n-menu-heading {
        min-height: calc(100vh - 120px); /* gleiche Höhe wie der Wrapper */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }

    .head-main-menu .e-n-menu-heading > .e-n-menu-item:has(#lupe) {
        margin-top: auto;
        margin-bottom: 50px;
    }

    .head-main-menu #lupe {
        pointer-events: none;
        padding: 0 !important;
    }

    /* Aber den Link wieder klickbar */
    .head-main-menu #lupe .mob-menu-button-red {
        pointer-events: auto;
        cursor: pointer;
    }

    .head-main-menu .e-n-menu-toggle-icon.e-close svg{
        display: none !important;
    }
        /* Neues Icon über die Span einsetzen */
    .head-main-menu .e-n-menu-toggle-icon.e-close {
        width: 28px !important;
        height: 28px !important;
        background-image: url("/wp-content/uploads/2026/04/Group-371.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        display: inline-block;
    }

    .head-main-menu .e-n-menu-toggle-icon.e-open,
    .head-main-menu .e-n-menu-toggle-icon.e-open svg{
        width: 28px !important;
        height: 28px !important;
        padding: 0 !important;
    }

    .head-main-menu .header-main-image{
        padding: 0 !important;
    }

    body:has(.head-main-menu .e-n-menu-toggle[aria-expanded="true"]) {
        overflow: hidden !important;
    }

     .head-main-menu #lupe .e-n-menu-title-container {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        gap: 0 !important;
        padding: 0 !important;
    }

    .head-main-menu #lupe .e-n-menu-title-text {
        display: flex !important;
        justify-content: center !important;
        width: auto !important;
        flex: 0 0 auto !important;
        margin: 0 auto !important;
    }
}

@media( max-width: 1024px) {  
    .start-sect-8-logos .swiper-pagination{
        /*top: calc((30vw - 15px)) !important;
    */}
    .start-sect-8-logos .elementor-swiper-button-prev,
    .start-sect-8-logos .elementor-swiper-button-next{
        /*top: calc((30vw)) !important;
        */
    }
    .start-sect-8-logos .elementor-image-carousel-wrapper::before {
        left: -20vw;
        background: transparent;
    }

    .start-sect-8-logos .elementor-image-carousel-wrapper::after {
        right: -20vw;
        background: transparent;
    }
}


/*Template für Angebote*/

.angebotseite-hero-con{
    background-color: #F8F8F8;
}

.angebotseite-hero-con .e-con-inner{
    justify-content: center !important;
}

/*
.indiv-posts-hero-title h2
{
    color: var(--primary-color) !important;
    margin-top: -50px !important;
    hyphens: auto !important;
}*/

.bildungsangebot-links-weiter a,
.content-elemente--links-weiter a{
    width: 100%;
}

.bildungsangebot-links-weiter span,
.content-elemente--links-weiter span{
    display: flex;
    justify-content: space-between;
    text-align: left;
}


.bildungsangebote-wa-loop-con{
    aspect-ratio: 539 / 414;
    min-height: 300px;
    max-height: 500px;
    width: auto;
     z-index: 10 !important;
}

.bildungsangebote-wa-loop .swiper{
     z-index: 10 !important;
}

.bildungsangebote-wa-loop-con .e-con-inner{
    gap: 0 !important;
}


.bildungsangebote-wa-loop-bild img{
    aspect-ratio: 539 / 258 !important;
    object-fit: cover !important;
    width: 100% !important;
}

.bildungsangebote-wa-loop-inner-con{
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}

.bildungsangebote-wa-loop-text{
    padding-left: 40px !important;
}

.bildungsangebote-wa-loop-button{
    padding-right: 20px !important;
}

.bildungsangebote-wa-loop-button a{
    width: 40px !important;
    height: 40px !important;
    background-color: white !important;
    border-radius: 0 !important;
}

.bildungsangebote-wa-loop-button .elementor-button-icon path{
    fill: var(--primary-color) !important;
}


.news-head-text-2 {
    padding: 0px;
    padding-bottom: 30px;
}

/*pagination*/

.bildungsangebote-wa-loop .elementor-swiper-button-prev,
.bildungsangebote-wa-loop .elementor-swiper-button-next {
    top: calc((100vw - ((100vw - 1400px) / 2)) / 3 - 35px) !important;
    background-color: var(--primary-color);
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
}

.bildungsangebote-wa-loop .swiper-pagination {
    top: calc((100vw - ((100vw - 1400px) / 2)) / 3 - 50px) !important;
    left: calc(50vw - ((100vw - 1400px) / 2)) !important;
}

.bildungsangebote-wa-loop .elementor-swiper-button-prev{
    left: calc(50vw - ((100vw - 1400px) / 2) - 100px) !important
}

.bildungsangebote-wa-loop .elementor-swiper-button-next{
    left: calc(50vw - ((100vw - 1400px) / 2) + 60px) !important;
}

.bildungsangebote-wa-loop .elementor-swiper-button-prev svg,
.bildungsangebote-wa-loop .elementor-swiper-button-next svg{
    font-size: 16px;
}

.bildungsangebote-wa-loop .swiper-pagination-bullet{
    background-color: #CCCCCC !important;
    opacity: 1 !important;
}

.bildungsangebote-wa-loop .swiper-pagination-bullet-active{
    background-color: var(--primary-color) !important;
}

.bildungsangebote-wa-loop{
    padding-bottom: 300px;
}

/*News Seite*/

.news-news-news{

}

.news-filter-container{
    padding: 40px;
}



.news-news-con{
    border-bottom: solid #B0B0B0 1px;
    padding: 40px 0;
}

.news-news-bild{
    width: 50%;
}

.news-news-bild img{
    aspect-ratio: 423 / 300;
    width: 100%;
    object-fit: cover;
    height: 100%; /*QS2*/
}

.news-news-right-con{
    padding: 0;
    padding-left: 60px;
}

.news-news-title-con{
    display: flex;
    align-items: center;
    padding: 0;
}

.news-news-square-info .elementor-icon-list-text{
    display: none !important;
}

.news-news-square-info .elementor-icon-list-item {

}

.news-news-title{

}

.news-news-text-con{
    height: 100%;
    padding: 0;
}

.news-news-text{
    max-height: 80%;
    /*QS2*/
    line-clamp: 5;
    -webkit-line-clamp: 5;
}
.news-news-button{
    position: absolute;
    bottom: 0;
}

.news-news-button a{
    padding: 16px 24px;
}

.news-news-button .elementor-button-icon svg{
    width: 2em;
}

/*News filter module*/
.news-filter-heading{
    margin: 0;
}

.nf-wrap{
    font-family:'Poppins';
}
.nf-grid{
    display:grid;
    grid-template-columns:1fr 0.5fr 1fr 0.5fr;
    gap:12px;
    align-items:end;
}

.nf-grid-termine{
    display:grid;
    grid-template-columns:1fr 2fr 1fr;
    gap:12px;
    align-items:end;
}

.nf-field{
    display:flex;
}

.input-filter-datum::placeholder,
.termin-date-picker::placeholder
{
    color: var(--primary-color);
}

.nf-field select,.nf-field .input-filter-datum, .termin-date-picker{
    width:100% !important;
    padding:16px 20px !important;
    border:1px solid var(--primary-color) !important;
    border-radius:0 !important;
    font-size:20px !important;
    background:#fff !important;
    color:var(--primary-color) !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    cursor:pointer !important;
    outline:none !important;
    transition:border-color .2s !important;
}
.nf-field select:focus,.nf-field input[type="date"]:focus{border-color:#666;}
.nf-date-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;}
.nf-date-row input{
    width:100%;
    box-sizing:border-box;}
.nf-actions{
    display:flex;
    gap:8px;
    align-items:center;
    margin-top:4px;
    width: 100%;
}

.nf-btn-filter{
    padding: 16px 20px;
    background: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 0;
    font-size: 20px;
    cursor: pointer;
    transition: background .2s;
    width: 100%;
}
.nf-btn-filter:hover{

}
.nf-btn-filter:focus{
    background: var(--primary-color);
}

.nf-btn-reset{
    padding:0;
    background:transparent;
    color:var(--primary-color);
    border:none;
    border-radius:0;
    text-decoration: underline;
    font-size:20px;
    cursor:pointer;
    transition:all .2s;
    margin-top: 30px;
}

.nf-btn-reset:hover,
.nf-btn-reset:focus{
    color: var(--primary-color);
    background: transparent;
}

.flatpickr-calendar.open{
    padding: 20px;
}

.flatpickr-current-month{
    width: 100% !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    left: 0 !important;
    padding: 0 !important;
    padding-bottom: 10px !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year,
.flatpickr-weekday,
.flatpickr-day{
    color:var(--primary-color) !important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay
{
    background-color: var(--primary-color) !important;
    background: var(--primary-color) !important;
    border: none !important;
    color: white !important;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){
    box-shadow:-10px 0 0 var(--primary-color) !important;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month{
    background-color: var(--primary-color);
    height: 40px !important;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month{
    left: 10px !important;
    top: 10px !important;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month{
    right: 10px !important;
    top: 10px !important;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  display: none;
}

.flatpickr-prev-month::after {
  content: url("https://bk-witten.beckdesign.dev/wp-content/uploads/2026/04/ArrowL.svg");
  font-size: 16px;
  color: white;
}

.flatpickr-next-month::after {
  content: url("https://bk-witten.beckdesign.dev/wp-content/uploads/2026/04/ArrowR.svg");
  font-size: 16px;
  color: white;
}

.flatpickr-innerContainer{
    justify-content: center;
    align-items: center;
    padding-top: 10px;
}

.flatpickr-input.flatpickr-alt-input {
    width: 100%;
    padding: 16px 20px;
    border: 1px solid var(--primary-color);
    border-radius: 0;
    font-size: 20px;
    background: #fff;
    color: var(--primary-color);
    cursor: pointer;
    outline: none;
}
/*
.news_tax-news-typ-1 .news-news-square-info svg{
    fill:#007632 !important;
}

.news_tax-news-typ-2 .news-news-square-info svg{
    fill:#0075BE !important;
}

.news_tax-news-typ-3 .news-news-square-info svg{
    fill:#F9B000 !important;
}
*/

.news-loop-container{
    padding-block-end: 0 !important;
    padding-block-start: 0 !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
}


/*News Template*/

.news-beitrags-bild img{
    width: 100%;
}

.news-beitrags-bild-optional{

}

.news-beitrag-text{
    width: 75%;
    padding: 50px 0 100px 0;
}



/*Termine template*/
.termine-date-time-info{

}

.termine-date-time-info .elementor-icon-list-text{
    color: var(--primary-color) !important;
    padding-inline-start: 10px !important;
}



/*Unterseite Bildngsangebote*/
.us-ba-hero-con{
    
}

.us-ba-hero-text-2{
    margin-bottom: 110px !important;
}


.ba-uebersicht-container{
    padding: 120px 0;
}


/*Angebottypen Farben
.bildungsgaenge-tax-berufsschule .news-news-square-info svg,
.bildungsgaenge-tax-berufsschule svg
{
    fill:#007632 !important;
}
.bildungsgaenge-tax-allgemeinbildende-abschluesse .news-news-square-info svg,
.bildungsgaenge-tax-allgemeinbildende-abschluesse svg
{
    fill:#0075BE !important;
}

.bildungsgaenge-tax-fachschule-fuer-wirtschaft .news-news-square-info svg,
.bildungsgaenge-tax-fachschule-fuer-wirtschaft svg
{
    fill:#F9B000 !important;
}

.bildungsgaenge-tax-schulische-berufsabschluesse .news-news-square-info svg,
.bildungsgaenge-tax-schulische-berufsabschluesse svg
{
    fill:#EA5B0C !important;
}*/


/*content seite*/

.content-element-kachel{
    padding: 0;
}
.content-element-kachel-bild,
.content-element-kachel-bild img{
    width: 100%;
}
.content-element-kachel-info-con{
    padding: 70px 30px 70px 40px;
    justify-content: space-between;
}

.content-element-kachel-info-text{
    color: white !important;
    font-size: 23px !important;
    font-family: 'Poppins' !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    width: 80%;
    hyphens: auto;
}

.content-element-kachel-info-btn a{
        display: flex;
        align-items: center;
        height: 40px;
        width: 40px;
        padding: 0;
        border-radius: 0 !important;
        background-color: white !important;
        background-position: center;
        background-repeat: no-repeat;
        justify-content: center;
}

.content-element-3er-kachel-bild,
.content-element-3er-kachel-bild img{
    aspect-ratio: 424 / 260;
}

.content-element-2er-kachel-bild,
.content-element-2er-kachel-bild img{
    aspect-ratio: 648 / 260;
    object-fit: cover;
}

.content-element-kachel-icon{
    padding: 30px 0 0 52px;
}

.content-element-icon-kachel-info-con{
    padding: 40px 30px 30px 52px;
    justify-content: space-between;
}

.content-element-contact-ansprechpartner-bild{

}

.content-element-contact-ansprechpartner-name{

}

#content-element-contact-btn{
    background-color: transparent;
    color: #252525;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    font-family: 'Poppins';
}
#content-element-contact-btn::after{
    content: '';
  display: inline-block;
  width: 37px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='15' viewBox='0 0 37 15' fill='none'%3E%3Cpath d='M36.7071 8.07087C37.0976 7.68035 37.0976 7.04718 36.7071 6.65666L30.3431 0.292699C29.9526 -0.0978253 29.3195 -0.0978252 28.9289 0.292699C28.5384 0.683224 28.5384 1.31639 28.9289 1.70691L34.5858 7.36377L28.9289 13.0206C28.5384 13.4111 28.5384 14.0443 28.9289 14.4348C29.3195 14.8254 29.9526 14.8254 30.3431 14.4348L36.7071 8.07087ZM0 7.36377L8.74228e-08 8.36377L36 8.36377L36 7.36377L36 6.36377L-8.74228e-08 6.36377L0 7.36377Z' fill='%23043162'%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 20px;
    margin-top: 2px;
}

#content-element-contact-btn .elementor-button-content-wrapper{
    gap: 20px;
}

#content-element-contact-btn .elementor-button-icon svg,
#all-news-btn .elementor-button-icon svg{
    width: 36px;
}

.content-element-kontakt-container{
    padding: 0;
    background-color: transparent !important;
    gap: 0;
}
.content-element-kontakt-info-con{
    padding: 0;
}

.content-element-kontakt-info-pos{
    font-size: 12px !important;
}
.content-element-kontakt-info-name{
    font-size: 23px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    margin: -20px 0;
}

.content-element-kontakt-info-mail{
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    margin: -20px 0;
    text-decoration: underline;
}

.content-element-kontakt-info-pos,
.content-element-kontakt-info-name,
.content-element-kontakt-info-mail{
    color: #252525 !important;
    line-height: 1.3;
}


.content-element-ti-1-con-left{
    padding-right: 130px;
}

.content-element-ti-1-text p{ 
    font-family: 'Inter' !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}
#content-element-ti-1-button{
    background-color: var(--primary-color);
    border-radius: 0;
    padding: 16px 24px;
}
#content-element-ti-1-button .elementor-button-icon svg{
    width: 36px !important;
}
.content-element-ti-1-con-right{

}
.content-element-ti-1-bild,
.content-element-ti-1-bild img{
    aspect-ratio: 648 / 534;
    width: 100%;
    object-fit: cover;
}

.content-element-ti-2-bild-links,
.content-element-ti-2-bild-links img{
    aspect-ratio: 648 / 625;
    width: 100%;
    object-fit: cover;
}
.content-element-ti-2-text p{
    line-height: 1.5 !important;
    font-family: 'Inter' !important;
    margin: 0 !important;
}

.content-element-ti-2-untertitel p{
    color: var(--primary-color);
    font-size: 16px !important;
    margin-bottom: -10px;
}
.content-element-ti-2-titel p{
    color: var(--primary-color);
    font-size: 46px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

.content-element-ti-2-titel{
    padding-bottom: 40px;
}
.content-element-ti-2-bild-rechts,
.content-element-ti-2-bild-rechts img{
    aspect-ratio: 648 / 534;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.content-element-ti-2-con-links,
.content-element-ti-2-con-rechts{
    padding: 0;
    justify-content: space-between;
}

.content-element-faq-akk .e-n-accordion-item{
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.1);

}

.content-element-faq-akk-inner-text p{
    padding: 0 0 60px 30px;
    width: 80%;
}

#content-element-faq-akk-kind summary{
    padding: 30px 35px;
}
.content-element-text-text-con{
    padding: 0;
}
.content-element-text-text-1{
    padding-right: 140px;
}

.content-element-text-text-2{

}

.content-element-contact-formular{

}
.content-element-kontaktformular-title{
    padding: 0 0 80px 0 ;
}

.content-element-contact-formular label{
    color: #252525 !important;
    font-family: 'Poppins' !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
}

.content-element-contact-formular input,
.content-element-contact-formular select,
.content-element-contact-formular textarea{
    border-radius: 0 !important;
    padding: 35px;
    font-size: 16px !important;
    border-color: #252525 !important;
}

.content-element-contact-formular #datenschutzerklaerung{

}

.content-element-contact-formular .elementor-field-label:after{
    color: #252525 !important;
}

#kontaktformular-btn{
    padding: 16px 24px;
    border-radius: 0 !important;
    margin-top: 20px !important;
}

#kontaktformular-btn .elementor-button-icon svg{
    width: 36px !important;
}

.content-element-contact-formular .elementor-field-group-datenschutzerklaerung label{
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #252525 !important;
    cursor: pointer;
    width: 80%;
    line-height: 1.5 !important;
}

#form-field-datenschutzerklaerung {
    appearance: none;
    -webkit-appearance: none;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 50% !important;
    border: solid 2px var(--primary-color) !important;
    background-color: white !important;
    cursor: pointer !important;
    position: relative !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
}

#form-field-datenschutzerklaerung:checked {
    background-color: white !important;
}

#form-field-datenschutzerklaerung:checked::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: var(--primary-color);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.elementor-field-group-datenschutzerklaerung .elementor-field-option {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
}

.bg-similar-btn a{
    display: flex;
    align-items: center;
    height: 40px;
    width: 40px;
    padding: 0;
    border-radius: 0 !important;
    background-color: white !important;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: center;
}



.bildungsangebote-wa-loop-button a{
    display: flex;
    justify-content: center;
    padding: 0 !important;
}


.header-untermenu-rechts-button span,.head-download-spalte-container span, .head-download-spalte-container a, #head-download-meist-btn{
    background-color: var(--primary-color);
}
#head-download-mehr-erfahren span {
    background: white;
}

.angebotseite-hero-title .elementor-heading-title{
    display: inline;
    background-color: #1a3a5c; /* dein Blauton */
    padding: 4px 8px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    line-height: 1.4;
}
.angebotseite-hero-title .elementor-heading-title::after,
.indiv-posts-hero-title .elementor-heading-title::after {
    content: '';
    display: inline-block;
    width: 40px;  /* Breite des Quadrats */
    height: 40px; /* Höhe des Quadrats */
    margin-left: 6px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(30px, -40px) rotate(25deg);
}

.mailto-button{
    color: var(--primary-color);
}
.mailto-button::after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 16px;
  margin-left: 20px;
  vertical-align: middle;
  background-image: url("/wp-content/uploads/2026/04/ArrowBlue.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.content-element-contact-formular .elementor-field-textual:not(:placeholder-shown) {
    border: 2px solid #252525 !important;
    font-weight: 500 !important;
    outline: none;
}

.hovereffekt-btn-darken,
.elementor-swiper-button-prev, .elementor-swiper-button-next,
#kontaktformular-btn,
#all-news-btn{
    transition: all 0.3s ease;
}

.hovereffect-grow,
#kontaktformular-btn,
#all-news-btn{
    transform: scale(1);
    transition: all 0.3s ease;
}


.hovereffekt-btn-darken:hover,
.hovereffekt-btn-darken:hover a,
#all-news-btn:hover,
.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover,
#kontaktformular-btn:hover
#all-news-btn:hover{
    background-color: #840F20 !important;
}

.wk-abisz-loop .elementor-swiper-button-prev:hover,
.wk-abisz-loop .elementor-swiper-button-next:hover,
.testimonials-loop .elementor-swiper-button-prev:hover,
.testimonials-loop .elementor-swiper-button-next:hover,
.wk-geschichte-slider .elementor-swiper-button-prev:hover,
.wk-geschichte-slider .elementor-swiper-button-next:hover{
    background-color: #F8F8F8 !important;
}


.hovereffect-grow:hover,
#kontaktformular-btn:hover,
#all-news-btn:hover{
    transform: scale(1.05);
}

.elementor-widget-button{
    display: flex;
    width: fit-content;
    height: fit-content;
}

.content-elemente--links-weiter,
.bildungsangebot-links-weiter {
    width: 100% !important;
}

#content-element-faq-akk-kind path{
    fill: var(--primary-color);
}

.angebotsseite-mehrefahren-btn{
        width: fit-content !important;
        background-color: var(--primary-color) !important;
        border-radius: 0 !important;

    }

.bildungsangebote-wa-loop-con{
    max-width: unset !important;
}


/*WK only*/

.wk-news-container{
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.05), -1px 1px 6px 0 rgba(0, 0, 0, 0.1);
    padding: 0;
}
.wk-news-container .e-con-inner{
    padding: 0;
}

.wk-news-info-cat .elementor-icon-list-icon {
    display: none !important;
}

.wk-news-info-con{
    padding: 0;
    padding-top: 10px !important;
}
.wk-news-info-cat{
    background-color: var(--primary-color);
    padding: 7px 15px;
}
.wk-news-info-cat span{
    padding-inline-start: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
}
.wk-news-info-cat li{
    margin-inline: none !important;
}

.wk-news-info-time{
    display: flex;
    justify-content: center;
    margin-left: -20px;
}
.wk-news-info-time span{
    color: var(--primary-color) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}
.wk-news-bild,
.wk-news-bild img{
    aspect-ratio: 423 / 276;
    width: 100%;
    object-fit: cover;
}
.wk-news-titel{
    font-size: 26px !important;
    font-family: 'Poppins' !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}
.wk-news-text{
    font-family: 'Inter' !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;

}

.wk-news-button{
    padding-bottom: 30px !important;
}

.wk-allnews-center {
    margin-top: 30px;
}

.wk-news-button a {
    background-color: transparent !important;
    color: var(--primary-color) !important;
    padding: 0 !important;
}

.wk-news-button .elementor-button-content-wrapper{
    gap: 20px;
}
.wk-news-button .elementor-button-text{
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}
.wk-news-button .elementor-button-icon svg{
    width: 36px !important;   
}
.wk-news-titel,
.wk-news-info-con,
.wk-news-text,
.wk-news-button{
    padding: 0 30px;
}

.content-element-faq-akk .elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title{
    color: var(--primary-color) !important;
}

.wk-geschichte-slider {
    position: absolute;
    width: 100% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    top: 50%;
}

.wk-geschichte-slider .elementor-slide-button{
    display: none !important;
}

.wk-geschichte-slider .swiper-slide-contents {
    display: flex;
    flex-direction: row;
    gap: 100px;
    width: 100%;
    align-items: center;
}

.wk-geschichte-slider .swiper-slide-inner{
    justify-content: flex-start;
    padding: 0;
    margin-left: -15px;
    margin-right: 15px;
}

.wk-geschichte-slider .elementor-slide-heading{
    font-size: 20vw !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    padding-top: 20px;
    margin: 0 !important;
}

.wk-geschichte-slider .elementor-slide-description{
    font-size: 46px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    max-width: 40% !important;
    margin: 0 !important;
    padding-right: 100px !important;
    text-align: start;
}

.geschichte-container{
    display: flex;
    align-items: center;
}

.wk-geschichte-slider .swiper-slide-active{
    opacity: 1;
}

.wk-geschichte-slider .swiper-slide-next{
    opacity: 0;
}

/* Navigation rechts – vertikal angeordnet */
.wk-geschichte-slider .elementor-swiper-button-prev,
.wk-geschichte-slider .elementor-swiper-button-next {
    position: absolute;
    right: 60px !important;
    left: auto !important;
    top: auto !important;
    height: 40px;
    width: 40px;
    background-color: white;
    justify-content: center !important;
    transform: none !important;
}

/* Originale SVG Icons verstecken */
.wk-geschichte-slider .elementor-swiper-button-prev svg,
.wk-geschichte-slider .elementor-swiper-button-next svg {
    display: none;
}
/*QS2*/
.wk-geschichte-slider .elementor-swiper-button-prev {
    bottom: calc(50% + 100px) !important;
}

.wk-geschichte-slider .elementor-swiper-button-next {
    top: calc(50% + 100px) !important;
}
/*end*/
/* Neues Icon Prev */
.wk-geschichte-slider .elementor-swiper-button-prev::after,
.wk-abisz-loop .elementor-swiper-button-prev::after {
    content: url("/wp-content/uploads/2026/05/Arrow-up-black.svg");
}

/* Neues Icon Next */
.wk-geschichte-slider .elementor-swiper-button-next::after,
.wk-abisz-loop .elementor-swiper-button-next::after {
    content: url("/wp-content/uploads/2026/05/Arrow-down-black.svg");
}

/* Pagination rechts – vertikal */
.wk-geschichte-slider .swiper-pagination,
.wk-abisz-loop .swiper-pagination {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    right: 70px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    bottom: auto !important;
}

.wk-geschichte-slider .swiper-pagination-bullet,
.wk-abisz-loop .swiper-pagination-bullet{
    background-color: white;
    opacity: 1 !important;
}

.wk-geschichte-slider .swiper-pagination-bullet-active,
.wk-abisz-loop .swiper-pagination-bullet-active{
    background-color: #F4A418;
    opacity: 1 !important; 
}


/*Schüler testimonial*/

.schueler-testemonial-section{

}
.testimonial-container{
    background-color: white;
    aspect-ratio: 424 / 440;
    width: 100%;
    min-height: 440px;
}

.testimonials-loop::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 30%; /* wie weit der Fade reichen soll */
  height: 100%;
 background: linear-gradient(90deg, rgba(173, 32, 52, 0.00) 0%, var(--primary-color) 100%);
pointer-events: none;
  z-index: 10;
}

@media (min-width: 769px) and (max-width: 1023px) {
  /*.testimonials-loop::after {
    display: none;
  }*/
}

.testimonial-quote-bild{
    display: flex;
    padding-bottom: 10% !important;
}
.testimonial-text{
    font-size: clamp(14px, 1.1vw, 23px) !important;
    color: var(--primary-color) !important;
    line-height: 1.3 !important;
}

.testimonial-author{
    font-size: clamp(12px, 0.9vw, 16px) !important;
    line-height: 1.3 !important;
    color: var(--primary-color) !important;
}

.testimonial-author-con{
    padding: 0 !important;
    gap: 0 !important;
}
.testimonial-author-name{
    font-weight: 700 !important;
}

.testimonial-author-klasse{

}
.schueler-testemonial-section {
    overflow: hidden;
}

.schueler-testemonial-section .testimonials-loop .e-con-inner {
    overflow: visible !important;
    padding: 6% 10%;
}

.schueler-testemonial-section .elementor-widget-loop-carousel {
    width: calc(100vw - ((100vw - 1400px) / 2)) !important;
    max-width: calc(100vw - ((100vw - 1400px) / 2)) !important;
    overflow: hidden !important;
    margin-right: calc(((100vw - 1400px) / 2) * -1) !important;
    margin-left: 0 !important;
}

.schueler-testemonial-section .swiper {
    overflow: visible !important;
}
.schueler-testemonial-section .elementor-swiper-button-prev,
.schueler-testemonial-section .elementor-swiper-button-next
{
    bottom: -200px;
    height: 40px !important;
    width: 40px !important;
    background-color: white !important;
    justify-content: center !important;
    align-items: center !important;
}
.schueler-testemonial-section .elementor-swiper-button-prev svg,
.schueler-testemonial-section .elementor-swiper-button-next svg,
.wk-abisz-loop .elementor-swiper-button-next svg,
.wk-abisz-loop .elementor-swiper-button-prev svg{
    display: none !important;
}

.schueler-testemonial-section .elementor-swiper-button-prev::after{
    content: url("/wp-content/uploads/2026/05/Arrow-Black-left.svg");
}

.schueler-testemonial-section .elementor-swiper-button-next::after{
    content: url("/wp-content/uploads/2026/05/Arrow_black-right.svg");
}

.schueler-testemonial-section .elementor-swiper-button-prev{
    left: 0;
}

.schueler-testemonial-section .swiper-pagination-bullet{
    background-color: white !important;
    opacity: 1 !important;
}

.schueler-testemonial-section .swiper-pagination-bullet-active{
    background-color: #F4A418 !important;
}
/*A bis Z Loop*/
.wk-abisz-loop{

}

/* Basis-Styling für alle Buchstaben */
.wk-abisz-loop .swiper-slide::after {
    content: '';
    position: absolute;
    right: -100px;
    top: -160px;
    font-size: 1000px;
    font-weight: 700;
    font-family: 'Poppins';
    color: rgba(255, 255, 255, 0.2);
    line-height: 1;
    pointer-events: none;
}

/* Buchstaben pro Slide */
.elementor-repeater-item-c9f613e::after { content: 'A' !important;}
.elementor-repeater-item-4efd6f2::after { content: 'B' !important; }
.elementor-repeater-item-77fab15::after { content: 'C' !important; }
.elementor-repeater-item-3da037f::after { content: 'D' !important; }
.elementor-repeater-item-04bde88::after { content: 'E' !important; }
.elementor-repeater-item-e5844db::after { content: 'F' !important; }
.elementor-repeater-item-79436af::after { content: 'G' !important; }
.elementor-repeater-item-0c3ca90::after { content: 'H' !important; }
.elementor-repeater-item-713a044::after { content: 'I' !important; padding-right: 150px; }
.elementor-repeater-item-b543b36::after { content: 'J' !important; }
.elementor-repeater-item-ba6d2ae::after { content: 'K' !important; }
.elementor-repeater-item-e3ead24::after { content: 'L' !important; padding-right: 150px;}
.elementor-repeater-item-051fded::after { content: 'M' !important; }
.elementor-repeater-item-78ea314::after { content: 'N' !important; }
.elementor-repeater-item-603f524::after { content: 'O' !important; }
.elementor-repeater-item-d5f60a2::after { content: 'P' !important; }
.elementor-repeater-item-564de1b::after { content: 'Q' !important;}
.elementor-repeater-item-41ba768::after { content: 'R'!important ; }
.elementor-repeater-item-12e796a::after { content: 'S' !important; }
.elementor-repeater-item-1107477::after { content: 'T' !important; }
.elementor-repeater-item-d1230aa::after { content: 'U'!important; }
.elementor-repeater-item-4280fb4::after { content: 'V'!important; }
.elementor-repeater-item-95608c4::after { content: 'W'!important; }
.elementor-repeater-item-ee2bff3::after { content: 'X'!important; }
.elementor-repeater-item-a95d34a::after { content: 'Y'!important; }
.elementor-repeater-item-cc666fe::after { content: 'Z'!important; }

.wk-abisz-loop .swiper-pagination-bullet {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 600;
    color: rgba(255,255,255,0.4);
    opacity: 1 !important;
}

.wk-abisz-loop .swiper-pagination-bullet::after {
    content: attr(data-letter);
}

.wk-abisz-loop .swiper-pagination-bullet-active {
    color: white !important;
    /*border-bottom: 2px solid white;*/
}

.wk-abisz-loop .swiper-pagination {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.wk-abisz-loop .swiper-slide-inner{
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding: 60px 90px !important;
}

.wk-abisz-loop .elementor-slide-heading,
.wk-abisz-loop .elementor-slide-description{
    text-align: left;
    font-size: 32px !important;
    line-height: 1.3 !important;
}

.wk-abisz-loop .elementor-slide-heading{
    font-weight: 700 !important;
}

.wk-abisz-loop .elementor-slide-description{
    font-weight: 400 !important;
}

.wk-abisz-loop .swiper-slide-contents{
    height: 100%;
    display: flex;
    justify-content: space-between !important;
    flex-direction: column;
}

.wk-abisz-loop .elementor-swiper-button-prev,
.wk-abisz-loop .elementor-swiper-button-next{
    height: 40px !important;
    width: 40px !important;
    background-color: white !important;
    justify-content: center !important;
    align-items: center !important;
    right: 100px !important;
    left: unset !important;
}
.wk-abisz-loop .elementor-swiper-button-prev svg,
.wk-abisz-loop .elementor-swiper-button-next svg{
    fill: var(--primary-color) !important;
}

.wk-abisz-loop .elementor-swiper-button-prev{
    top: 180px !important;
    bottom: auto;
    transform: none !important;
}
.wk-abisz-loop .elementor-swiper-button-next{
    bottom: 180px !important;
    top: auto !important;
    transform: none !important;
}

.wk-abisz-loop .swiper-pagination{
    right: 110px !important;
}

.wk-abisz-loop,
.wk-abisz-loop .elementor-swiper-slides-wrapper,
.wk-abisz-loop .elementor-slides,
.wk-abisz-loop .swiper-slide {
    aspect-ratio: 1319 / 647;
    height: unset !important;
}

.wk-custom-video-image-player{
    min-height: 800px;
}

#button-icon-sizing-fix svg{
    width: 36px !important;
}

.elementor-counter-title {
    text-align: center;
}
/*Download unterseite*/

.download-hinweis-text{
    width: 100%;
    padding-bottom: 60px;
}

.download-hinweis-text p{
    margin: 0 !important;
}
.downloads-wrapper{

}

.downloads-main-container a,
.downloads-main-container a:hover,
.downloads-main-container a:active{
    color: var(--primary-color) !important;
}

.downloads-category{
    padding-bottom: 80px;
}

.downloads-category-title{
    font-family: 'Poppins';
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    padding-bottom: 50px !important;
    hyphens: auto;
}

.downloads-list{
    list-style: none !important;
    padding: 0;
}   

.downloads-item{
    height: 75px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #B0B0B050;
}

.downloads-item-title{
    font-family: 'Poppins';
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: var(--primary-color) !important;
}

.downloads-item-link{

}

.downloads-item-link svg{
    width: 28px !important;
    height: 28px !important;
     stroke: var(--primary-color) !important;
}


/*Download Header Menu Contaiener*/
.head-main-menu-punkt-7 .e-con-inner{
    gap: 0 !important;
}

.header-untermenu-download{
    padding-top: 60px;
    padding-bottom: 14px;font-family: 'Poppins' !important;
    font-size: 46px !important;
    font-weight: 500 !important;
}

.header-download-untertitel{
    font-family: 'Poppins' !important;
    font-size: 23px !important;
    font-weight: 500 !important;

}

.download-meistgesuchta{
    padding-bottom: 60px;
}

.head-download-spalte-container{
    padding: 0;
}

.header-untermenu-download p,
.header-download-untertitel p{
    margin-bottom: 0;
}

#head-download-meist-btn{
    padding: 20px 0 !important;
    border-bottom: 1px solid white !important;
    border-radius: 0;
}
#head-download-meist-btn .elementor-button-icon svg{
    width: 28px !important;
    height: 28px !important;
}

#head-download-meist-btn .elementor-button-text{
    font-family: 'Poppins' !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    text-align: left;
}
#head-download-meist-btn .elementor-button-content-wrapper{
    align-items: center;
}

#head-download-mehr-erfahren{
    background-color: white !important;
    color: #252525;
    padding: 16px 24px;
    border-radius: 0 !important;
    margin-top: 30px;
}

#head-download-mehr-erfahren .elementor-button-content-wrapper{
    align-items: center;
    gap: 20px;
}

#head-download-mehr-erfahren .elementor-button-icon svg{
    width: 36px !important;
}

footer .e-n-menu-title:hover:not(.e-current),
footer .e-n-menu-title:hover:not(.e-current) a{
    color: white !important;
}

.e-n-menu-title-text:hover:not(.e-current),
.e-n-menu-title-text:hover:not(.e-current) a{
    cursor: pointer !important;
}

.head-main-menu .e-n-menu-wrapper{
    padding: 0 !important;
}

footer .e-n-menu-wrapper {
    padding: 0;
}


.bildungsangebote-weitere-angebote-text {
    font-size: 46px !important;
    line-height: 1.3 !important;
    color: var(--primary-color) !important;
}

.bildungsangebot-links-weiter path {
    fill: var(--primary-color) !important;
}

.content-elemente--links-weiter path{
    fill:white !important;
}

/*Änderungen Terminseite und Template*/
.news-termine-con .news-news-button{
    display: none !important;
}

.news-termin-text-con{
    min-height: calc(100% + 120px) !important;
    padding: 0;
    padding-top: 20px;
}

.news-termin-bild{
    padding-top: 20px;
}

.news-termine-con .news-news-right-con{
    padding: 0 !important;
    margin-bottom: -25px;
}

.news-news-con.news-termine-con .elementor-widget-n-accordion{
    top: -60px;
}
.news-news-con.news-termine-con{
    padding:0 !important;
    padding-top: 20px;
}
.termin-unterseite-erstellen-unterseite .news-termine-con .news-news-button{
    display: flex !important;
}

.termin-listen-element{
    padding: 0 !important;
    gap: 30px;
}

.termin-loop-widget .elementor-loop-container > *:last-child .news-termine-con{
    border: none !important;
}


.termin-loop-widget .e-opened svg{
    transform: rotate(180deg) !important;
}

.termin-loop-widget .news-termin-bild,
.termin-loop-widget .news-termin-bild img{
    aspect-ratio: 492 / 330 !important;
    object-fit: cover !important;
}

.wk-geschichte-slider .swiper-slide:not(.swiper-slide-active){
    opacity: 0 !important;
}


/*QS2 */
.nf-actions{
    margin: 0 !important;
}

.nf-field select, .nf-field .input-filter-datum, .termin-date-picker{
    font-size: 18px !important;
}

.content-element-kachel-info-text {
    width: fit-content;
}

.content-elemente--links-weiter:hover a{
    background-color: #840F20 !important;
}
.content-elemente--links-weiter:active a,
.content-elemente--links-weiter:focus a{
    background-color: #600411 !important;
}

.ansprechpartner-name-btn h4,.ansprechpartner-name-btn span,
.content-element-kontakt-info-con h4, .content-element-kontakt-info-con h6
{
    font-weight: 700 !important;
}

.content-element-ti-1-text,.sect-6-text, .content-element-text-text-con{
    padding: 20px 0;
}

.news-hero-title h1{
    background-color: var(--e-global-color-primary);
}
.news-hero-title h1{
    display: inline;
    padding: 4px 8px;
    color: white !important;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    line-height: 1.4;
    padding-right: 16px;
    overflow-wrap: break-word;
}

/*QS2 Buttons*/

/*Typ1: Grow und Color change*/
.btn-type-standard-primary-gc a,
.nf-btn-filter,
#kontaktformular-btn{
    background-color: #AD2034 !important;
    border-radius: 0 !important;
    color: #fff !important;
    padding: 16px 24px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}
.btn-type-standard-primary-gc:hover a,
.nf-btn-filter:hover,
#kontaktformular-btn:hover{
    background-color: #840F20 !important;
    transform: scale(1.03) !important;
}
.btn-type-standard-primary-gc a:active,
.btn-type-standard-primary-gc a:focus-visible,
.nf-btn-filter:active,
.nf-btn-filter:focus-visible,
#kontaktformular-btn:active,
#kontaktformular-btn:focus-visible{
    background-color: #600411 !important;
    transform: scale(1.03) !important;
}
/*Typ2: Text Button only - intern*/
.btn-type-text-dec a,
.downloads-item .downloads-item-title,
.nf-btn-reset{
    background-color: transparent !important;
    color: #AD2034 !important;
    text-decoration: none;
    line-height: 130%;
    transition: all 0.3s ease !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    padding: 16px 0 !important;
    text-underline-offset: 3px !important;
}
.btn-type-text-dec a:hover,
.downloads-item:hover .downloads-item-title,
.nf-btn-reset:hover{
    text-decoration: underline !important;
    color: #840F20 !important;
}
.btn-type-text-dec a:active,
.btn-type-text-dec a:focus-visible,
.downloads-item:active .downloads-item-title,
.downloads-item:focus-visible .downloads-item-title,
.nf-btn-reset:active,
.nf-btn-reset:focus-visible{
    text-decoration: underline !important;
    font-weight: 700 !important;
    color: #600411 !important;
}
/*Typ3: Text Button only - extern*/
.btn-type-text-dec-ext a{
    background-color: transparent !important;
    color: #AD2034 !important;
    text-decoration: none;
    line-height: 130%;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
    font-size: 23px !important;
    padding: 16px 0 !important;
    text-underline-offset: 3px !important;
}
.btn-type-text-dec-ext a:hover{
    text-decoration: underline !important;
    color: #840F20 !important;
}
.btn-type-text-dec-ext a:active,
.btn-type-text-dec-ext a:focus-visible{
    text-decoration: underline !important;
    font-weight: 700 !important;
    color: #600411 !important;
}

/*Typ4: Grow und Color change auf primary bg*/

.btn-type-bg-primary-gc a{
    background-color: #fff !important;
    border-radius: 0 !important;
    color: #252525 !important;
    padding: 16px 24px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}
.btn-type-bg-primary-gc:hover a{
    background-color: #FCD014 !important;
    transform: scale(1.03) !important;
}
.btn-type-bg-primary-gc a:active,
.btn-type-bg-primary-gc a:focus-visible{
    background-color: #F4A819 !important;
    transform: scale(1.03) !important;
}


/*Btns anpassen*/
/*
    sm-btn-colored-bg
    sm-btn-white-bg
*/
.sm-btn-colored-bg .elementor-button,
.sm-btn-colored-bg .elementor-swiper-button{
    background-color: #fff !important;
    border-radius: 0 !important;
    color: #252525 !important;
    width: 40px !important;
    height: 40px !important;
    transition: all 0.3s ease !important;
}
.sm-btn-colored-bg .elementor-button:hover,
.sm-btn-colored-bg .elementor-swiper-button:hover,
.wk-abisz-loop .elementor-swiper-button-prev:hover,
.wk-abisz-loop .elementor-swiper-button-next:hover,
.wk-geschichte-slider .elementor-swiper-button-prev:hover,
.wk-geschichte-slider .elementor-swiper-button-next:hover{
    background-color: #FCD014 !important;
    transform: scale(1.03) !important;
}

.testimonials-loop .elementor-swiper-button-prev:hover,
.testimonials-loop .elementor-swiper-button-next:hover{
    background-color: #FCD014 !important;
    transform: scale(1.03) translateY(-100%) !important;
}
.sm-btn-colored-bg .elementor-button:active,
.sm-btn-colored-bg .elementor-button:focus-visible,
.sm-btn-colored-bg .elementor-swiper-button:active,
.sm-btn-colored-bg .elementor-swiper-button:focus-visible,
.wk-abisz-loop .elementor-swiper-button-prev:active,
.wk-abisz-loop .elementor-swiper-button-next:active,
.wk-geschichte-slider .elementor-swiper-button-prev:active,
.wk-geschichte-slider .elementor-swiper-button-next:active,
.wk-abisz-loop .elementor-swiper-button-prev:focus-visible,
.wk-abisz-loop .elementor-swiper-button-next:focus-visible,
.wk-geschichte-slider .elementor-swiper-button-prev:focus-visible,
.wk-geschichte-slider .elementor-swiper-button-next:focus-visible{
    background-color: #F4A819 !important;
    transform: scale(1.03) !important;
}
.testimonials-loop .elementor-swiper-button-prev:active,
.testimonials-loop .elementor-swiper-button-next:active,
.testimonials-loop .elementor-swiper-button-prev:focus-visible,
.testimonials-loop .elementor-swiper-button-next:focus-visible
{
    background-color: #F4A819 !important;
    transform: scale(1.03) translateY(-100%)!important;
}
/*
.testimonials-loop .elementor-swiper-button-prev:focus,
.testimonials-loop .elementor-swiper-button-next:focus{
    background-color: white !important;
    transform: translateY(-100%)!important;
}*/


.start-sect-3 .elementor-swiper-button-prev,
.start-sect-3 .elementor-swiper-button-next,
.start-sect-8-logos .elementor-swiper-button-prev,
.start-sect-8-logos .elementor-swiper-button-next{
    background-color: #AD2034 !important;
}
.start-sect-3 .elementor-swiper-button-prev:hover,
.start-sect-3 .elementor-swiper-button-next:hover,
.start-sect-8-logos .elementor-swiper-button-prev:hover,
.start-sect-8-logos .elementor-swiper-button-next:hover{
    background-color: #840F20 !important;
    transform: scale(1.03) translateY(-50%);
    
}
.start-sect-3 .elementor-swiper-button-prev:active,
.start-sect-3 .elementor-swiper-button-next:active,
.start-sect-8-logos .elementor-swiper-button-prev:active,
.start-sect-8-logos .elementor-swiper-button-next:active{
    background-color: #600411 !important;
    transform: scale(1.03) translateY(-50%);
}

.btn-underline-only{
    text-underline-offset: 3px !important;
}

.btn-underline-only:hover,.btn-underline-only:focus, .btn-underline-only:active{
    text-decoration: underline !important;
}

.e-n-menu-item:has(.e-n-menu-content.e-active) .e-n-menu-title-text,
.e-n-menu-item:hover .e-n-menu-title-text {
    color: #AD0432 !important;
}

/* NEU*/
.sect-6-texte-con path{
    fill: #252525 !important;
}

.news-hori-no-border .elementor-loop-container div.news:last-child{
    display: none !important;
}

.news-loop-con.news-hori-no-border .e-loop-item.news{
    padding-bottom: 0 !important;
}

.content-element-kontakt-info-mail {
    color: var(--primary-color) !important;
}


@media(max-width: 1400px){
    /*.start-sect-3 .elementor-swiper-button-prev,
    .start-sect-3 .elementor-swiper-button-next {
        top: calc(min(100vw, 1400px) / 3 * (600 / 536) + 100px) !important;
    }
        
    top: calc(min(100vw, 1400px) / 3 * (600 / 536) + 85px) !important;
    */

    .head-main-menu .e-n-menu-wrapper li:has(#downloads){
        display: none;
    }
    .head-main-menu .e-n-menu-wrapper li:has(#downloads-mob){
        display: flex !important;
    }

    .start-sect-3 .swiper-pagination {
        
        left: 50% !important;
        transform: translateX(-50%);
    }

    .start-sect-3 .elementor-swiper-button-prev {
        left: calc(50% - 100px) !important;
    }

    .start-sect-3 .elementor-swiper-button-next {
        left: calc(50% + 60px) !important;
    }

    .bg-option-btn{
        width: 100% !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        font-size: 18px !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }


    .wk-abisz-loop .elementor-swiper-button-prev
    {
        top: 10vw !important;
    }
    .wk-abisz-loop .elementor-swiper-button-next{
        bottom: 10vw !important;
    }
    .wk-abisz-loop .swiper-slide::after{
        font-size: 80vw !important;
    }
     .wk-abisz-loop .elementor-slide-heading,
    .wk-abisz-loop .elementor-slide-description{
        font-size: 28px !important;
    }

    .schueler-testemonial-section .testimonials-loop .e-con-inner{
        padding: 10px !important;
    }

    .schueler-testemonial-section .testimonial-text{
        font-size: clamp(14px, 1.1vw, 18px) !important;
    }

    .testimonial-container{
        min-height: 440px !important;
    }

    .elementor-1029 .elementor-element.elementor-element-cd541ff {
        --swiper-slides-to-display: 2 !important;
    }

    .schueler-testemonial-section .elementor-widget-loop-carousel {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        padding-left: calc((100vw - 1400px) / 2) !important;
        margin-right: unset !important;
    }

    .wk-geschichte-slider .elementor-slide-heading{
        font-size: 20vw !important;
    }

    .wk-geschichte-slider .elementor-slide-description{
        font-size: 3vw !important;
    }

    #head-download-mehr-erfahren{
        margin-bottom: 30px;
    }

    .termine-date-time-info ul{
        gap: 10px !important;
        flex-direction: column;
    }
}

@media(max-width: 1024px){/*
    .start-sect-3 .elementor-swiper-button-prev,
    .start-sect-3 .elementor-swiper-button-next{
        top: calc(min(100vw, 1400px) / 2 * (600 / 536) + 100px) !important;
    }
    .start-sect-3 .swiper-pagination{
        top: calc(min(100vw, 1400px) / 2 * (600 / 536) + 85px) !important;
    }*/

    .start-hero{
        min-height: calc(100vh - 300px);
    }

    .news-post-bild {
        width: 100% !important;
    }

    .news-post-bild img {
        aspect-ratio: 16 / 9 !important;
        width: 100% !important;
        max-height: unset !important;
    }

    .news-post-container-right {
        padding-left: 0 !important;
        padding-top: 20px !important;
        width: 100% !important;
    }

    .content-element-text--,
    .content-element-text-bild-elem-2{
        padding: 0 16px !important;
    }

    .news-post-text-con{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .sect-4-form .elementor-field-subgroup{
        padding: 0 16px;
    }

    .elementor-element-4589403 {
        justify-content: space-between;
    }

    .sect-bildungsgange-loop-container{
        min-height: 600px;
    }
      .sect-7-container{
        padding-top: 50px;
    }

    .ba-mobile-similars .elementor-swiper-button-prev,
    .ba-mobile-similars .elementor-swiper-button-next{
        top: calc(min(100vw, 1400px) / 3 * (600 / 536) + 100px) !important;
    }

    .ba-mobile-similars .swiper-pagination {
        top: calc(min(100vw, 1400px) / 3 * (600 / 536) + 85px) !important;
    }

      .wk-abisz-loop .elementor-swiper-button-prev
    {
        top: 5vw !important;
    }
    .wk-abisz-loop .elementor-swiper-button-next{
        bottom: 5vw !important;
    }

    .wk-abisz-loop .elementor-slide-heading,
    .wk-abisz-loop .elementor-slide-description{
        font-size: 24px !important;
    }

    .schueler-testemonial-section .testimonial-text{
        font-size: clamp(24px,1vw, 32px) !important;
    }
    .schueler-testemonial-section .testimonial-author-name,
    .schueler-testemonial-section .testimonial-author-klasse{
        font-size: clamp(20px,1vw, 28px) !important;
    }

    .wk-geschichte-slider .elementor-slide-description{
        font-size: 3vw !important;
        margin-left: -10vw;
    }
    
    /*NEU*/
    .sect-5-middle-con{
        gap: 40px !important;
    }

    .nf-grid{
        grid-template-columns: 1fr;
    }

}


@media (min-width: 768px) and (max-width: 1024px) {
        /*Tablet vorgaben NEU*/
    .news-hori-no-border .elementor-loop-container div.news:last-child{
        display: flex !important;
    }
    
    .margin1400{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    
    .start-sect-3 .swiper {
        width: 120%;
    }
    .content-element-tab-grid{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .sect-5-pinnwand{
        max-width: unset !important;
    }

    .news-loop-element-container .e-con-inner{
        flex-direction: row !important;
    }
    .news-loop-element-container .news-post-bild{
        width: 50% !important;
    }
    .news-loop-element-container .news-post-bild a,
    .news-loop-element-container .news-post-bild img{
        aspect-ratio: 200 / 236;
        height: 100%;
    }

    .testimonials-loop .swiper{
        width: 130% !important;
    }

        .wk-geschichte-slider .swiper-slide-contents{
        flex-direction: column;
        gap: 0 !important;
    }

    .wk-geschichte-slider .swiper-pagination{
        bottom: 75px !important;
        flex-direction: row !important;
        top: auto !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }

    .wk-geschichte-slider .elementor-swiper-button-prev {
        bottom: 60px !important;
        top: auto !important;
        left: 60px !important;
    }

    .wk-geschichte-slider .elementor-swiper-button-next {
        bottom: 60px !important;
        top: auto !important;
        right:  60px !important;
    }


    .wk-geschichte-slider .elementor-swiper-button-prev::after{
        content: url("/wp-content/uploads/2026/05/Arrow-Black-left.svg");
    }
    .wk-geschichte-slider .elementor-swiper-button-next::after{
        content: url("/wp-content/uploads/2026/05/Arrow_black-right.svg");
    }

    .wk-geschichte-slider .swiper-slide-inner{
        justify-content: center;
    }

    .wk-geschichte-slider .elementor-slide-heading{
        font-size: 160px !important;
        line-height: 1.2 !important;
        text-align: center;
    }

    .wk-geschichte-slider .swiper-slide-active{
        height: 100% !important;
        padding-bottom: 40px !important;
    }

    .wk-geschichte-slider .elementor-slide-description{
        text-align: center;
        margin: unset !important;
        font-size: 18px !important;
        line-height: 1.5 !important;
        max-width: 100% !important;
        padding: 0 16px !important;
    }

    .wk-geschichte-slider{
        height: 100% !important;
        padding: 60px 16px !important;
    }

    .wk-geschichte-slider .swiper-wrapper{
        align-items: center !important;
    }

    .wk-geschichte-slider .elementor-slides-wrapper {
        height: 100% !important;
    }

    .sect-6-container::before{
        background-image: linear-gradient(90deg, var( --e-global-color-primary ) 40%, #04316200 100%) !important;
    }

    .content-element-ti-1-con-left,
    .content-element-text-text-1{
        padding: 0 !important;
    }

    .content-element-contact-formular input, .content-element-contact-formular select, .content-element-contact-formular textarea{
        padding: 20px !important;
    }

    /*Footer tablet*/
    .footer-menu-2 .e-n-menu-heading{
        flex-direction: column !important;
    }

    .footer-logo {
        padding-left: 15px;
    }

}

@media (min-width: 768px) and (max-width:900px) {

    .content-elemte-mehr-themen-iconboxes .content-element-tab-grid{
        grid-template-columns: 1fr !important;
    }

    .schueler-testemonial-section .e-con-inner{
        flex-direction: column !important;
    }

    .wk-testimonials-heading{
        align-self: flex-start;
        padding-bottom: 60px;
    }
    .testimonials-loop .swiper{
        width: 110% !important;
    }


    .schueler-testemonial-section .swiper-pagination {
        left: 50% !important;
        transform: translateX(-50%);
    }

    .schueler-testemonial-section .elementor-swiper-button-prev {
        left: calc(50% - 100px) !important;
    }

    .schueler-testemonial-section .elementor-swiper-button-next {
        left: calc(50% + 60px) !important;
    }

}

@media (max-width: 900px) {
    .sect-6-texte-con{
        width: 80% !important;
        margin-top: auto;
        padding-bottom: 60px;
    }

    .sect-6-container::before{
        background-image: linear-gradient(0deg, var( --e-global-color-primary ) 52%, #04316200 100%) !important;
    }

    .wk-abisz-loop .elementor-slide-description{
        font-size: 18px !important;
    }
}

@media (max-width: 767px){
    /*NEU*/

    .wk-custom-video-image-player .elementor-widget-html{
        min-height: 600px;
    }

    .content-element-contact-ansprechpartner-container{
        padding: 0 !important;
    }

    .content-element-kontakt-container{
        padding: 0 !important;
        background-color: transparent !important;
    }

    .news-loop-element-container .news-post-bild a,
    .news-loop-element-container .news-post-bild img{
        width: 100% !important;
    }
    /*QS*/

    .content-element-text-text-1{
        padding-right: 0px;
    }

    .content-element-contact-formular input, .content-element-contact-formular select, .content-element-contact-formular textarea{
        padding: 15px !important;
    }

    .content-element-faq-akk-inner-text p{
        padding: 0 0 40px 16px;
        width: 80%;
    }

    #content-element-faq-akk-kind summary{
        padding: 20px 16px;
    }

    .start-sect-3 .swiper-wrapper{
        height: fit-content  !important;
    }

    .schueler-testemonial-section  .testimonial-text{
        padding-right: 20%;
    }
    .news-filter-container{
        padding: 40px 16px;
    }

    .margin1400.uebersicht-angebote-shortcode{
        margin: 0 !important;
    }
    .bg-pill-btn, .bg-option-btn{
        padding: 20px !important;
    }

    .downloads-category-title{
        font-size: 28px !important;
        padding: 0 !important;
    }

    .sect-4-form .elementor-field-option input{
        margin: 0 10px;
    }
    .sect-4-form .elementor-field-option{
        gap: 0 !important;
    }
    .start-sect-4 .e-form__indicators{
        width: 100% !important;
     }
    .start-sect-4 .e-form__indicators__indicator{
        z-index: 2 !important;
    }
    .e-form__indicators__indicator__separator{
        margin-top: 5px !important;
        justify-self: center;
        z-index: 0 !important;
    }

    .news-post-title-text{
        font-size: 18px !important;
    }

    .news-post-text-con{
        font-size: 16px !important;
    }
    .start-floating-hero-boxes{
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
    .content-element-ti-1-con-left{
        padding-right: 0 !important;
    }

    .mobile-iconkachel-btn{
        margin-left: auto !important;
    }
    .wk-custom-video-image-player{
        min-height: 600px !important;
    }

    .news-filter-heading{
        font-size: 21px !important;
    }

    .news-news-title-con{
        flex-wrap: nowrap !important;
    }

    .news-news-text {
        font-size: 16px !important;
    }

    .termin-listen-element{
        gap: 0 !important;
    }

    .news-termin-text-con:not(:has(.news-news-text)){
        display: none !important;
    }
     /*QSEnde*/
    .header-header-container{
        min-height: 120px !important;
    }

    .head-main-menu #lupe .mob-menu-button-red{
        margin-bottom: 16px !important;    
    }

    .head-main-menu .e-n-menu-wrapper li{
        z-index: 19;
    }
    .head-main-menu .e-n-menu-wrapper li:last-child a{
        z-index: 21;
    }
    .head-main-menu .e-n-menu-wrapper li:has(#downloads):has(.e-n-menu-content.e-active){
        z-index: 21;
    }

    .head-main-menu .e-n-menu-wrapper #lupe::before{
        content: '';
        width: 100%;
        height: 200px;
        background: linear-gradient(#ffffff00 0%, #ffffff 50%);
        display: flex;
        position: absolute;
        bottom: 0;
        z-index: 20;

    }

    .margin1400{
        padding-left: 16px;
        padding-right: 16px;
    }

    .content-kontaktformular{
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .head-main-menu .e-n-menu-wrapper {
        top: 120px !important;
    }
    .head-main-menu-punkt-7{
        margin-top: 30px !important;
    }
    .start-hero{
        min-height: calc(100vh - 270px);
        background-position-y: -60px !important;
        background-position-x: 40% !important;
    }
    /*
    .start-hero-text-1{
        height: fit-content;
    }

    .start-hero-text-2{
        height: fit-content;
        margin-top: -15px;
    }

    .start-hero-text-1,
    .start-hero-text-2,
    .start-hero-btn{
        margin: 0 16px ;
        align-content: center;
    }*/

    .start-hero-text-1 h1,
    .start-hero-text-2 h2{
        font-size: clamp(30px,8vw ,36px) !important;
        line-height: 115% !important;
    }

    .start-floating-boxes-ce-container{
        padding: 0 16px !important;
    }

    .start-sect-1-container {
        transform: translateY(-120px);
        padding: 0 16px;
        margin-bottom:-120px !important;
    }

    .start-floating-hero-boxes{
        /*width: 30%;*/
    }

    .start-termin-container{
        height: 160px;
    }

    .aktuelles-template-container{
        margin-left: -40px;
        padding-bottom: 20px;
    }

    .sect1-icon-container{
        --flex-wrap: none !important;
    }

    .start-sect-2-container .e-con-inner{
        padding: 40px 0;
    }

    .sect-2-container-left,
    .sect-2-right-text{
        padding-left: 16px;
    }

    .content-element-kontakt-container {
        padding: 0 16px;
        background-color: transparent !important;
    }

    .content-element-text-bild-elem-1,
    .content-element-text-bild-elem-2{
        padding: 0 16px !important;
    }

    .content-element-text--{
        padding: 0 16px !important;
    }



    /*Loop Bildungsgange*/
    .start-sect-3{
        overflow: hidden;
    }

    .start-sect-3 .elementor-widget-loop-carousel,
    .schueler-testemonial-section .elementor-widget-loop-carousel {
        width: 100vw !important;
        max-width: 100vw !important;
        padding-left: 0px;
    }

    .start-sect-3 .e-con-inner,
    .schueler-testemonial-section .testimonials-loop .e-con-inner {
        padding-right: 0 !important;
        overflow: visible !important;
    }

    .sect-bildungsgange-loop-container,
    .testimonial-container{
       /*min-height: 280px !important;*/
       aspect-ratio: 362 / 440;
       margin-left: 26px !important;
    }
    .sect-bildungsgange-loop-container{
        min-height: 500px !important;
    }

    .start-sect-3 .swiper {
        overflow: visible !important;
    }

    .start-sect-3 .elementor-loop-container {
        padding-right: calc(20vw - 20px) !important;
    }

    .start-sect-3 .swiper-slide {
        margin-right: 20px !important;
    }

    /* Navigation – unterhalb der Cards 
    .start-sect-3 .elementor-swiper-button-prev,
    .start-sect-3 .elementor-swiper-button-next,
    .schueler-testemonial-section .elementor-swiper-button-prev,
    .schueler-testemonial-section .elementor-swiper-button-next {
        top: calc(100vw * (600 / 536) + 20px) !important;
    }*/

    .start-sect-3 .swiper-pagination,
    .schueler-testemonial-section .swiper-pagination {
        /*top: calc(100vw * (600 / 536)) !important;*/
        left: 50% !important;
        transform: translateX(-50%);
    }

    .start-sect-3 .elementor-swiper-button-prev,
    .schueler-testemonial-section .elementor-swiper-button-prev {
        left: calc(50% - 100px) !important;
    }

    .start-sect-3 .elementor-swiper-button-next,
    .schueler-testemonial-section .elementor-swiper-button-next {
        left: calc(50% + 60px) !important;
    }

     .sect-bildungsgange-loop-text,
    .sect-bildungsgange-loop-category,
    .bildungsgang-loop-name-text{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .sect-bildungsgange-loop-button {
        padding: 10px 20px 0 20px;
    }

    .sect-bildungsgange-loop-category svg {
        width: 12px;
        height: 12px;
    }

    .sect-bildungsgange-loop-category .elementor-post-info__terms-list-item{
        font-size: 14px;
    }
    .sect-bildungsgange-loop-button{
        bottom: 30px;
    }

    .start-sect-3{
        padding: 0 0 200px 0;
    }

    /*section 4*/
    .sect-4-form .elementor-field-subgroup{
        grid-template-columns: 100%;
        padding: 0 16px;
    }
    .sect-4-form span.elementor-field-option{
        height: 80px;
    }
    .start-sect-4 .elementor-field-group-schulabschluss .elementor-field-label{
         font-size: 21px !important; 
         padding-bottom: 40px !important;
    }

    .sect-4-form .e-form__indicators__indicator__label{
        font-size: 10px !important;
        line-height: 1.3;
    }

    .sect-4-form .elementor-field-group-schulabschluss,
    .sect-4-form .elementor-field-group-field_6f9e515{
        padding: 20px 0 60px 0 !important;
    }

    .sect-4-form .elementor-field-option label,
    .sect-4-form .elementor-field-label
    {
        font-size: 16px !important;
        padding: 0 !important;
    }


    .start-sect-4 .elementor-field-type-previous{
        position: absolute;
        top: 10px;
        left: 16px;
    }
    .sect-4-form .elementor-field-group-field_6f9e515 {
        padding-bottom: 10px !important;
    }

    #angebote-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .angebot-card img {
        width: 100% !important;
    }

    .angebot-card-info {
        aspect-ratio: unset !important;
        padding: 20px 0;
    }

    .angebot-card-info strong {
        font-size: 18px !important;
        padding: 20px 0 20px 20px !important;
    }

    .angebot-card-info a {
        margin-right: 20px !important;
    }

    .start-sect-4 .elementor-field-group-field_e9da15c{
        width: 100% !important;
    }

    .start-sect-4{
        padding: 60px 16px;
    }

    .start-sect-4 .sect4-angebote-header{
        padding: 20px 0 20px 80px;
    }

    /*sect-5*/
    .sect-5-con{
        --margin-top: 60px !important;
        --margin-bottom: 60px !important;
    }

    .news-post-bild{
        width: 100%;
    }

    .news-post-bild img{
        aspect-ratio: 407 / 208;
    }

    .news-head-text-2{
        padding-bottom: 0 !important;
    }

    .news-post-title-con{
        padding: 0;
    }

    .sect-5-pinnwand{
        padding: 40px;
        margin-top: 60px;
        max-width: 100%;
    }
    a#all-news-btn{
        margin-top: 0 !important;
    }



    /*sect-6

    .sect-6-container{
        min-height: 100vh;
    }*/

    /*.sect7*/

    .sect7-boxes-container{
        padding: 0 16px !important;
        justify-content: center;/*
        transform: translateY(-100px);
        margin-bottom: -100px;*/
    }

    .start-sect7-boxes{
        width: 80%;
    }

    /*sect8*/

    .start-sect-8-logos .swiper-slide {
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .start-sect-8-logos .elementor-image-carousel-wrapper::before,
    .start-sect-8-logos .elementor-image-carousel-wrapper::after {
        width: 80px;
    }

    .start-sect-8-logos .elementor-image-carousel-wrapper::before {
        left: 0 !important;
        width: 40vw !important;
        background: linear-gradient(to right, #ffffff 30%, transparent) !important;
    }

    .start-sect-8-logos .elementor-image-carousel-wrapper::after {
        right: 0 !important;
        width: 40vw !important;
        background: linear-gradient(to left, #ffffff 30%, transparent) !important;
    }

    .start-sect-8-logos {
        padding-top: 20px !important;
        padding-bottom: 100px !important;
    }


    .footer-menu-1 .e-n-menu-heading,
    .footer-menu-2 .e-n-menu-heading
    {
        flex-direction: column !important;
    }

    #footer-copywright{
        padding-bottom: 20px;
    }

    .footer-trenner{
        width: calc(100% - 32px) !important;
    }

    /*News und Updates unterseite*/

    .nf-grid{
        grid-template-columns: 1fr !important;
    }

    .news-update-main-container{
        padding: 0;
    }

    .news-news-bild {
        width: 100%;
        padding: 0 16px;
    }

    .news-news-right-con {
        padding: 0;
        padding-left: 16px;
    }

    .news-news-button{
        bottom: -80px;
    }

    .news-news-con{
        padding-bottom: 100px;
    }

    .bg-filter-main-grid{
        padding: 0 !important;
        padding-bottom: 30px !important;
    }

    .bg-schnellauswahl-heading{
        padding-left: 16px !important;
    }
    .us-ba-hero-text-1,
    .us-ba-hero-text-2,
    .ba--mob-padding{
        padding-left: 16px !important;
    }

    .bg-sektion-count{
        padding: 0 !important;
    }

    .angebotseite-hero-title{
        padding: 0 16px !important;
    }

    .remove-padding{
        padding: 0 !important;
    }

    .bildungsangebote-wa-loop-bild {
        width: 100%;
    }

    .ba-mobile-similars .elementor-loop-container{
        padding-right: unset !important;
    }


    .ba-similar-grid{
        padding: 0 16px !important;
    }
    .bg-similar-container{
        background-color: var(--primary-color);
        padding: 0 !important;
    }

    .bg-similar-container .e-con-inner{
        padding: 0 !important;
    }

    .news-head-text-1{
        margin-top: 100px !important; 
    }

    .bg-similar-img,
    .bg-similar-img img {
        width: 100%;
        aspect-ratio: 404 / 194;
        object-fit: cover;
        object-position: top;
    }

    .bg-similar-body,
    .bildungsangebote-wa-loop-inner-con{
        padding: 26px 30px 36px 26px;
        justify-content: space-between !important;
    }

    .bg-similar-titel,
    .bildungsangebote-wa-loop-text{
        color: white !important;
        font-size: 16px !important;
        width: 80%;
        font-weight: 500 !important;

    }

    .bildungsangebote-wa-loop-text{
        padding-left: 0 !important;
    }

    .bildungsangebote-wa-loop-con{
        max-width: unset !important;
    }

    .elementor-element-2b91a9d{
        margin-top: -30px !important;
    }

    .fachrichtung-btn-fix{
        padding-right: 0 !important;
    }

    .bg-similar-btn a{
        display: flex;
        align-items: center;
        height: 40px;
        width: 40px;
        padding: 0;
        border-radius: 0 !important;
        background-color: white !important;
        background-position: center;
        background-repeat: no-repeat;
        justify-content: center;
    }

    .bildungsangebote-wa-loop-inner-con{
        height: unset !important;

    }

    .bildungsangebote-wa-loop-button a{
        display: flex;
        justify-content: center;
        padding: 0 !important;
    }


     .schueler-testemonial-section .elementor-widget-loop-carousel {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        margin-right: 0 !important;
    }

    .schueler-testemonial-section .testimonials-loop .e-con-inner {
        padding-right: 0 !important;
        overflow: visible !important;
        padding-left: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .schueler-testemonial-section .elementor-loop-container {
        padding-right: calc(20vw - 20px) !important;
    }

    .schueler-testemonial-section .swiper {
        overflow: visible !important;
    }

    .testimonial-container {/*
        margin-left: 26px !important;*/
        padding: 6% 0 6% 6% !important;
    }

    .testimonials-loop .schueler-testimonial.swiper-slide-active .testimonial-container {
        margin-left: 26px !important;
        padding: 6% 0 6% 6% !important;
        width: 90%;
    }
    .swiper-slide-next .testimonial-container {
        margin: 0 !important;
    }
    /*
    .schueler-testemonial-section .swiper-slide{
        margin-right: 0 !important;
        margin-left: 16px !important;
    }*/

    .wk-testimonials-heading{
        padding-left: 16px;
    }

    .wk-geschichte-slider .swiper-slide-contents{
        flex-direction: column;
        gap: 0 !important;
    }

    .wk-geschichte-slider .swiper-pagination{
        bottom: 75px !important;
        flex-direction: row !important;
        top: auto !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }

    .wk-geschichte-slider .elementor-swiper-button-prev {
        bottom: 60px !important;
        top: auto !important;
        left: 60px !important;
    }

    .wk-geschichte-slider .elementor-swiper-button-next {
        bottom: 60px !important;
        top: auto !important;
        right:  60px !important;
    }


    .wk-geschichte-slider .elementor-swiper-button-prev::after{
        content: url("/wp-content/uploads/2026/05/Arrow-Black-left.svg");
    }
    .wk-geschichte-slider .elementor-swiper-button-next::after{
        content: url("/wp-content/uploads/2026/05/Arrow_black-right.svg");
    }

    .wk-geschichte-slider .swiper-slide-inner{
        justify-content: center;
    }

    .wk-geschichte-slider .elementor-slide-heading{
        font-size: 160px !important;
        line-height: 1.2 !important;
        text-align: center;
    }

    .wk-geschichte-slider .swiper-slide-active{
        height: 100% !important;
        padding-bottom: 40px !important;
    }

    .wk-geschichte-slider .elementor-slide-description{
        text-align: center;
        margin: unset !important;
        font-size: 18px !important;
        line-height: 1.5 !important;
        max-width: 100% !important;
        padding: 0 16px !important;
    }

    .wk-geschichte-slider{
        height: 100% !important;
        padding: 60px 16px !important;
    }

    .wk-geschichte-slider .swiper-wrapper{
        align-items: center !important;
    }

    .wk-geschichte-slider .elementor-slides-wrapper {
        height: 100% !important;
    }

    .content-element-contact-formular label{
        padding-bottom: 10px !important;
    }

    .wk-abisz-loop,
    .wk-abisz-loop .elementor-slides-wrapper,
    .wk-abisz-loop .swiper-wrapper,
    .wk-abisz-loop .swiper-slide{
        height: 80vh !important;
    }

    .wk-abisz-loop .swiper-slide-inner{
        padding: 40px 16px !important;
    }
    .wk-abisz-loop .swiper-slide-contents{
        justify-content: flex-start !important;
    }

    .wk-abisz-loop .elementor-slide-description{
        height: 85%;
        display: flex;
        align-items: center;
        font-size: 21px !important;
    }

    .wk-abisz-loop .elementor-swiper-button-prev,
    .wk-abisz-loop .elementor-swiper-button-next{
        top: auto !important;
        bottom: 40px !important;
    }
    .wk-abisz-loop .elementor-swiper-button-prev{
        left: 90px !important;
        right: auto !important;
    }
    .wk-abisz-loop .elementor-swiper-button-next{
        right: 90px !important;
        left: auto !important;
    }

    .wk-abisz-loop .elementor-swiper-button-prev::after{
        content: url("/wp-content/uploads/2026/05/Arrow-Black-left.svg");
    }
    .wk-abisz-loop .elementor-swiper-button-next::after{
        content: url("/wp-content/uploads/2026/05/Arrow_black-right.svg");
    }

    .wk-abisz-loop .swiper-pagination{
        flex-direction: row !important;
        bottom: 50px !important;
        right: auto !important;
        left: 50% !important;
        top: auto !important;
        transform: translateX(-50%) !important;
    }

    .wk-abisz-loop .swiper-slide-contents{
        max-width: 100% !important;
    }
    .wk-abisz-loop .swiper-slide::after {
        right: -200px;
        top: auto;
        font-size: 950px !important;
        bottom: -150px;
    }

    .header-main-image{
        padding: 0 !important;
    }

    .downloads-main-container{
        padding: 0 16px;
    }

    .elementor-repeater-item-713a044::after { content: 'I' !important; padding-right: 200px; }
    .elementor-repeater-item-e3ead24::after { content: 'L' !important; padding-right: 200px;}

    
    .news-beitrag-text{
        width: 100% !important;
    }
    .indiv-posts-page{
        margin: 0 16px;
    }
    .content-element-text-text-1{
        padding: 0 !important;
    }

    .nf-grid-termine{
        grid-template-columns: auto !important;
    }

        /*Termin fixe mob*/

    .termin-loop-widget .news-news-button{
        bottom: 0 !important;
    }

    .news-termine-con .news-news-right-con{
        padding: 0 16px !important;
    }

    .termine-date-time-info ul{
        flex-direction: row !important;
    }

    a .elementor-button-text{
        font-size: 16px !important;
    }

    .start-sect-8-container{
        padding-bottom: 0px;
    }

    .custom-gallery-widget{
        min-height: 70vw !important;
    }
    /*QS2*/

    .bildungsgang-loop-name-text {
        width: calc(100% - 30px);
    }
    .wk-abisz-loop .elementor-swiper-button-prev{
        left: 16px !important;
        right: auto !important;   
    }
    .wk-abisz-loop .elementor-swiper-button-next{
        left: auto !important;
        right: 16px !important;
    }

    .head-main-menu .e-n-menu-wrapper li:last-child {
        position: sticky;
        bottom: 20px;
        margin: 0 !important;
        background-color: white !important;
        margin-top: auto !important;
    }
    .head-main-menu .e-n-menu-wrapper li:has(#kontakt){
        margin-bottom: 160px;
    }

    .start-hero{
        min-height: calc(100vh - 300px) !important;
    }

    .sect1-icon-container,.start-sect-1-container .e-con-inner {
        gap: 10px;
    }

    .content-element-text-bild-elem-2-inner{
        flex-direction: column-reverse !important;
    }
    .content-element-ti-2-con-links{

    }
    .content-element-ti-2-con-rechts{
        gap: 0 !important;
    }
    .wk-news-bild,
    .wk-news-bild img{
        aspect-ratio: 407 / 190;
    }

    .wk-news-titel{
        font-size: 18px !important;
    }

    .us-ba-hero-text-2{
        margin-bottom: 60px !important;
    }

    nav.yoast-breadcrumbs{
        padding: 20px 0 !important;
    }

    .content-element-text-bild-elem-1-inner{
        flex-direction: column-reverse !important;
    }

    .content-element-ti-1-con-right{
        padding: 0;
    }

    .us-ba-hero-con{
        padding: 0 16px !important;
    }

    .us-ba-hero-text-1,.us-ba-hero-text-2{
        padding: 0 !important;
    }

    .content-element-text-bild-elem-2 .e-con-inner{
        flex-direction: column-reverse !important;
    }

    .content-element-text-bild-elem-2-inner-2{
        gap: 0 !important;
    }

    .content-element-ti-1-con-left,
    .sect-6-texte-con{
        gap: 0;
    }

    .content-element-kachel-info-text{
        max-width: 70% !important;
    }

    .content-element-kachel-info-btn {
        margin-top: auto;
    }

    .kachel-mobile-pad{
        padding: 0 16px !important;
    }

    .content-element-ti-2-titel,
    .news-head-text-2{
        padding-bottom: 20px !important;
    }

    .content-element-ti-2-text {
        padding-top: 20px;
        padding-right: 0 !important;
    }

    .wk-allnews-center{
        margin-top: 20px;
    }

    .ansprechpartner-name-btn{
        justify-content: space-between;
        align-items: center;
    }

    #content-element-contact-btn::after{
        margin-left: 10px;
    }

    .sect-5-middle-con{
        gap: 20px !important;
    }

    .wk-geschichte-slider .swiper-slide-inner{
        align-items: start !important;
    }
    .testimonials-loop::after{
        width: 22% !important;
    }
    .schueler-testemonial-section .testimonial-text{
        font-size: 18px !important;
    }

    .start-hero-text-1 h1{
        line-height: 200% !important;
    }
    /*
    .angebotsseite-mehrefahren-btn{
        width: fit-content !important;
        background-color: var(--primary-color) !important;
        border-radius: 0 !important;

    }

    .bildungsangebote-wa-loop-con{
        max-width: unset !important;
    }

    */
}

@media(min-width:1401px){

    .head-main-menu .e-n-menu-wrapper li:has(#downloads-mob){
        display: none;
    }
}
@media (max-width: 500px) {
    .head-main-menu .e-n-menu-wrapper {
        top: 120px !important;
    }

    .start-floating-hero-boxes h2{
        overflow-wrap: anywhere;
    }

    .wk-custom-video-image-player .elementor-widget-html{
        min-height: 400px;
    }
   
}
@media(max-width: 460px){
    .sect-bildungsgange-loop-button span{
        font-size: 14px !important;
    }
    .sect-bildungsgange-loop-category{
        padding-top: 10px !important;
    }

}