/* ========================================
   LERNORT KISLAU - KUNDENSPEZIFISCHE STYLES
   Version: 2.2 (Februar 2026)
   Merged & bereinigt: Desktop, Tablet, Mobile
   ======================================== */


/* ========================================
   NAVIGATION
   ======================================== */

   .menu-text-line {
    display: block;
    line-height: 1.15;
}

.menu-text-line--second {
    font-weight: 600;
}

/* Navigation Schriftgröße: Standard 18px */
.main-navigation .menu-item > a,
.ast-header-menu .menu-item > a,
.ast-desktop .main-navigation .menu-item > a {
    font-size: 18px !important;
}

/* Navigation Schriftgröße: 12px ab 922px */
@media (min-width: 922px) {
    .main-navigation .menu-item > a,
    .ast-header-menu .menu-item > a,
    .ast-desktop .main-navigation .menu-item > a {
        font-size: 12px !important;
    }
}

/* Navigation Schriftgröße: 16px ab 1100px */
@media (min-width: 1100px) {
    .main-navigation .menu-item > a,
    .ast-header-menu .menu-item > a,
    .ast-desktop .main-navigation .menu-item > a {
        font-size: 16px !important;
    }
}

/* Navigation Schriftgröße: 20px ab 1700px */
@media (min-width: 1700px) {
    .main-navigation .menu-item > a,
    .ast-header-menu .menu-item > a,
    .ast-desktop .main-navigation .menu-item > a {
        font-size: 20px !important;
    }
}

/* Logo Größe: Mobile Standard 200px */
.custom-logo-link img,
.site-logo-img .custom-logo-link img,
.ast-site-identity .custom-logo-link img,
header .custom-logo-link img,
#masthead .site-logo-img .custom-logo-link img {
    max-width: 200px !important;
    width: 200px !important;
}

/* Logo Größe: 300px ab 420px */
@media (min-width: 420px) {
    .custom-logo-link img,
    .site-logo-img .custom-logo-link img,
    .ast-site-identity .custom-logo-link img,
    header .custom-logo-link img,
    #masthead .site-logo-img .custom-logo-link img {
        max-width: 300px !important;
        width: 300px !important;
    }
}

/* Logo Größe: 566px ab 1700px */
@media (min-width: 1700px) {
    .custom-logo-link img,
    .site-logo-img .custom-logo-link img,
    .ast-site-identity .custom-logo-link img,
    header .custom-logo-link img,
    #masthead .site-logo-img .custom-logo-link img {
        max-width: 566px !important;
        width: 566px !important;
    }
}


/* ========================================
   COLUMN ICONS (Runde Icons bei Überschriften)
   ======================================== */

.column-icons {
    position: relative !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
}

.ueberschrift .lernort-column-image-left {
    position: relative !important;
}

/* Desktop: Bild-Positionierung bei Überschriften */
.ueberschrift > div img {
    position: absolute !important;
    bottom: -88px !important;
    right: -15px !important;
    width: 178px !important;
    height: 178px !important;
    min-width: 178px !important;
    min-height: 178px !important;
    z-index: 9 !important;
}

.column-icon {
    position: absolute !important;
    bottom: -65px !important;
    right: -15px !important;
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    min-height: 140px !important;
    background-color: var(--color-gold) !important;
    border: 7px solid var(--color-text-white) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    z-index: 10 !important;
}

.column-icon .kb-svg-icon-wrap,
.column-icon svg {
    color: var(--color-text-white) !important;
}

.lernort-content-heading-reverse {
    display: block !important;
    padding-left: 5px !important;
    margin: 0 !important;
    line-height: normal !important;
}
h2.lernort-content-heading-reverse{
    font-size: clamp(32px, 5vw, 64px) !important;
}

.lernort-two-column-layout-reverse .column-left {
    overflow: visible !important;
    position: relative !important;
}

.lernort-two-column-layout-reverse .column-right {
    position: relative !important;
}

/* Home Blog Bild */
.home .uagb-post__image img {
    width: 86px;
    float: right;
}

.uagb-post-grid .uagb-post__title {
    color: #000;
    font-weight: 600;
    font-size: 27px;
}

/* Home Blog - Mobile Fix */
@media (max-width: 768px) {
    .home .uagb-post__image img {
        width: 80px;
        float: none;
        margin: 0 auto 15px auto;
        display: block;
    }
    
    .home .uagb-post-grid .uagb-post__inner-wrap {
        display: block !important;
        grid-template-columns: none !important;
    }
    
    .home .uagb-post-grid .uagb-post__image {
        width: 100% !important;
        text-align: center;
        margin-bottom: 15px;
    }
    
    .home .uagb-post-grid .uag-post-grid-wrapper {
        width: 100% !important;
    }
    
    .home .uagb-post-grid .uagb-post__title {
        font-size: 20px;
    }
}


/* ========================================
   SPENDEN-BUTTON (SVG, schräg)
   ======================================== */

/* Neuer SVG-basierter Spenden-Button */
.gf-spenden-button {
    display: inline-block;
    text-decoration: none;
    transition: transform 0.3s ease;
    transform: rotate(0deg);
    box-shadow: none;
    z-index: 10;
}

.gf-spenden-button:hover {
    
    box-shadow: none;
}

.gf-spenden-button:active {
    
}

.gf-spenden-button__svg {
    display: block;
    width: 200px;
    height: auto;
    box-shadow: none;
    float: left;
}

.timeline-left .gf-spenden-button__svg {
    float: left;
}

/* Spenden-Button im Slider (absolute Positionierung) */


/* Spenden-Button außerhalb des Sliders */
.spenden-button-wrapper,
.spenden-button-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.spenden-button-wrapper .gf-spenden-button,
.spenden-button-container .gf-spenden-button {
    position: relative;
    margin: 0;
}

/* Legacy: Alter Text-basierter Spenden-Button (für Rückwärtskompatibilität) */
.spenden-button {
    position: relative;
    width: 200px !important;
    height: 200px !important;
    background-color: #c7a15a;
    border-radius: 50%;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    box-shadow: none;
    transition: all 0.3s ease;
    z-index: 10;
    padding: 0 !important;
    text-align: center;
    line-height: 1.2;
    word-wrap: break-word;
    white-space: normal;
    transform: rotate(-8deg);
}

.spenden-button:hover {
    background-color: #be963c;
    color: #ffffff;
    text-decoration: none;
   
    box-shadow: none;
}

.spenden-button:active {
   
}

a.spenden-button {
    text-decoration: none !important;
    color: #fff !important;
}

.spenden-button p {
    font-size: 20px !important;
    margin: 0;
    line-height: 1.2;
}

/* Spenden-Button im Slider (absolute Positionierung) */
.kb-advanced-slide .spenden-button,
.slider-text-overlay + .spenden-button,
.uagb-container .spenden-button {
    position: absolute;
    right: 60px;
    bottom: -60px;
}

.spenden-button-wrapper .spenden-button,
.spenden-button-container .spenden-button {
    position: relative;
    margin: 0;
}


/* ========================================
   TIMELINE / MARGINALE
   ======================================== */

.timeline-section {
    position: relative;
    padding: 0 20px !important;
    margin: 0 0 10px 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Fix: Alle alignfull Container begrenzen */
.wp-block-uagb-container.alignfull.uagb-is-root-container {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

.lernort-two-column-layout-reverse.ueberschrift {
    height: 100px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.timeline-section.has-endpoint {
    margin-bottom: 50px !important;
}

/* Marginale als vertikale Linie */

.timeline-marginale {
    position: relative !important;
    width: 2px !important;
    max-width: 2px !important;
    min-width: 2px !important;
    background: #be963c !important;
    min-height: 100%;
    padding: 0 !important;
    margin: 0 !important;
    margin-top:100px !important;
    flex: 0 0 2px !important;
}
.wp-block-uagb-container.timeline-marginale{
    margin-top:100px !important;

}
/* Punkt am Ende */
.timeline-marginale::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    background-color: #be963c;
    border-radius: 50%;
}

.timeline-marginale-op {
    position: relative !important;
    width: 2px !important;
    max-width: 2px !important;
    min-width: 2px !important;
    background: #be963c !important;
    min-height: 110%;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 2px !important;
}

/* Handschrift-Stil für Timeline-Label */
.timeline-note {
    font-family: 'Caveat', 'Patrick Hand', cursive, sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #333333;
    padding: 15px;
    border: none;
    background-color: transparent;
    position: relative;
    max-width: 200px;
    text-align: center;
    margin: 20px auto;
    transform: rotate(-5deg);
}

.timeline-note::before {
    content: '';
    position: absolute;
    top: -30px;
    right: 110px;
    width: 40px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='77' height='43' viewBox='0 0 77 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M73.7766 42.2499C74.1092 42.0623 74.3306 41.7267 74.3737 41.3478L76.2253 24.7466C76.2978 24.0947 75.8283 23.5076 75.1764 23.4351C74.5245 23.3626 73.9374 23.8322 73.8649 24.484L72.4987 36.7281C68.5529 28.3451 51.0166 -1.11632 1.16036 0.0325697C0.504495 0.0473227 -0.0144769 0.590798 0.000275504 1.24667C0.00330772 1.37806 0.0272584 1.50447 0.0690039 1.6207C0.23719 2.08898 0.689899 2.41847 1.21437 2.40675C52.388 1.22634 68.3654 33.0646 70.8269 38.8149L58.5272 33.1308C57.9311 32.8553 57.2257 33.115 56.9513 33.7107C56.815 34.0057 56.8093 34.3269 56.9112 34.6108C57.0148 34.8992 57.2305 35.1485 57.5301 35.2869L72.6936 42.2944C73.0414 42.4547 73.444 42.4375 73.7766 42.2499Z' fill='%23333333'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(5deg);
}


/* ========================================
   ZWEI-SPALTEN LAYOUT
   ======================================== */

.two-column-layout {
    display: grid;
    grid-template-columns: 1fr 40px 1fr;
    gap: 40px;
    align-items: start;
}

.two-column-layout .column-marginale {
    width: 40px;
    height: 100%;
}

/* Spalten-Breiten - Desktop Default */
.column-left {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.column-right {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.lernort-two-column-layout-reverse {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.lernort-two-column-layout-reverse > div {
    column-gap: 5px !important;
}

.lernort-two-column-layout-reverse.ueberschrift {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.lernort-two-column-layout-reverse.ueberschrift > div {
    column-gap: 0px !important;
}

.lernort-two-column-layout-reverse .column-left {
    width: 25% !important;
    max-width: 25% !important;
}

.lernort-two-column-layout-reverse .column-right {
    width: 73% !important;
    max-width: 73% !important;
}

/* Box mit Kasten */
.box_mit_kasten {
    width: 900px !important;
    max-width: 900px !important;
}

.box_mit_kasten .column-left {
    width: 25% !important;
}

.box_mit_kasten .column-right {
    width: 75% !important;
    max-width: 75% !important;
    padding-right: 0px !important;
}


/* ========================================
   SLIDER STYLES (Basis / alle Viewports)
   ======================================== */

.kb-advanced-slide-inner {
    position: relative;
    overflow: visible !important;
}

/* Alle Slider-Elemente: overflow visible für schrägen Button */
.kb-advanced-slide,
.kb-advanced-slide-inner-wrap,
.kb-blocks-advanced-slider {
    overflow: visible !important;
}

.slider-textbox {
    position: relative !important;
    left: 0px !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 60px;
    padding-top: 120px;
    overflow: visible !important;
    max-height: 156px !important;
}

/* Fix: Spenden-Button Container im Slider */
.gf-spenden.spenden-header {
    overflow: visible !important;
    padding: 20px;
    margin: -20px;
}

.slider-text-overlay {
    position: relative !important;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 30px;
    max-width: 400px;
    margin-bottom: auto;
    margin-top: 50px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    z-index: 100;
    max-height: 156px !important;
}

.slider-text-overlay h2 {
    color: #c7a15a;
    font-size: 32px;
    margin-bottom: 15px;
}

.slider-text-overlay p {
    color: #333;
    font-size: 18px;
    line-height: 1.2;
}

.slider-title-1,
.slider-title-2 {
    margin-bottom: 0px !important;
    line-height: 1.2;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.slider-title-1 {
    font-size: 48px !important;
}

.slider-title-2 {
    font-size: 56px !important;
}

/* Notebooks/normale Monitore: kleinere Slider-Titel */
@media (max-width: 1400px) {
    .slider-title-1 {
        font-size: 36px !important;
    }
    .slider-title-2 {
        font-size: 42px !important;
    }
}

.slider-title-2 a {
    text-decoration: none !important;
}

.kb-advanced-slider-13_10a12d-aa .kb-advanced-slide-inner-wrap {
    padding-right: 50px;
    padding-left: 0 !important;
}

.kb-advanced-slide-inner {
    margin-top: 340px !important;
}

/* ============================================
   SLIDER: Desktop (ab 1200px)
   Spezifischer Selektor um Spectra zu überschreiben
   ============================================ */
@media screen and (min-width: 1200px) {
    .wp-block-uagb-container.slider-text-overlay {
        background-color: rgba(255, 255, 255, 0.95);
        padding: 10px !important;
        width: 750px !important;
        max-width: 750px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        margin-bottom: auto;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px;
        z-index: 100;
        position: relative !important;
        margin-top: 50px !important;
        max-height: 156px !important;
        align-self: flex-start !important;
    }

    .wp-block-uagb-container.slider-text-overlay.stb_02 {
        width: 1180px !important;
        max-width: 1180px !important;
    }

    .wp-block-uagb-container.slider-text-overlay.stb_03 {
        width: 1000px !important;
        max-width: 1000px !important;
    }

    .wp-block-uagb-container.slider-text-overlay.stb_04 {
        width: 900px !important;
        max-width: 900px !important;
    }

    .wp-block-uagb-container.slider-text-overlay.stb_05 {
        width: 1100px !important;
        max-width: 1100px !important;
    }

    .wp-block-uagb-container.slider-text-overlay.stb_06 {
        width: 900px !important;
        max-width: 900px !important;
    }
}

/* ============================================
   SLIDER: Tablet (769px – 1199px)
   Ganz links, weiter unten, proportional skaliert
   ============================================ */
@media (max-width: 1199px) and (min-width: 769px) {

    .kb-advanced-slide-inner {
        margin-top: 400px !important;
    }

    .slider-textbox {
        padding: 0 !important;
        max-height: 140px !important;
    }

    .wp-block-uagb-container.slider-text-overlay {
        width: 550px !important;
        max-width: 550px !important;
        padding: 10px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        margin-top: 80px !important;
        max-height: 140px !important;
        align-self: flex-start !important;
    }
      /* stb_-Breiten proportional skaliert (~65% von Desktop) */
      .wp-block-uagb-container.slider-text-overlay.stb_01{
        width: 550px !important;
        max-width: 550px !important;
    }

    /* stb_-Breiten proportional skaliert (~65% von Desktop) */
    .wp-block-uagb-container.slider-text-overlay.stb_02 {
        width: 750px !important;
        max-width: 750px !important;
    }

    .wp-block-uagb-container.slider-text-overlay.stb_03 {
        width: 650px !important;
        max-width: 650px !important;
    }

    .wp-block-uagb-container.slider-text-overlay.stb_04 {
        width: 580px !important;
        max-width: 580px !important;
    }

    .wp-block-uagb-container.slider-text-overlay.stb_05 {
        width: 700px !important;
        max-width: 700px !important;
    }

    .wp-block-uagb-container.slider-text-overlay.stb_06 {
        width: 580px !important;
        max-width: 580px !important;
    }

    .slider-title-1 {
        font-size: 26px !important;
    }

    .slider-title-2 {
        font-size: 32px !important;
    }
}

/* ============================================
   SLIDER: Übergang Tablet → Mobil (1199px abwärts)
   ============================================ */
@media (max-width: 1199px) {
    .slider-textbox {
        min-height: 350px !important;
    }
}


/* ========================================
   PDF DOWNLOAD BUTTON
   ======================================== */

.gf-pdf-download-link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.gf-pdf-download-link:hover {
    text-decoration: none;
}

.gf-pdf-download-button {
    display: block;
    width: 63px;
    height: 62px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.gf-pdf-download-link:hover .gf-pdf-download-button {
    transform: scale(1.1);
    opacity: 0.9;
}

.gf-pdf-download-hover-text {
    position: absolute;
    top: 86%;
    left: 70px;
    transform: translateY(-50%) translateX(5px);
    background: transparent;
    color: #00000099;
    padding: 0 0 0 10px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
    z-index: 10;
}

.gf-pdf-download-link:hover .gf-pdf-download-hover-text {
    opacity: 1;
    transform: translateY(-50%) translateX(10px);
}

.gf-pdf-download-error {
    color: #d63638;
    padding: 10px;
    background: #fcf0f1;
    border-left: 4px solid #d63638;
    margin: 10px 0;
}


/* ========================================
   BLOG / POST GRID
   ======================================== */

/* Astra Blog Layout 5 - News/Blog Übersicht */
.blog-layout-5 .ast-blog-featured-section {
    width: auto !important;
    max-width: 86px !important;
    flex-shrink: 0;
}

.blog-layout-5 .post-thumb-img-content img {
    width: 86px !important;
    height: auto !important;
}

/* Spectra Post Grid */
.uagb-post__image {
    width: 50% !important;
}

.uagb-post-grid .uagb-post__inner-wrap {
    display: grid !important;
    grid-template-columns: 36.6% 62% !important;
    gap: 20px;
    align-items: start;
}

.uagb-post-grid .uagb-post__image {
    grid-column: 1;
    grid-row: 1;
    justify-self: end !important;
}

.uagb-post-grid .uag-post-grid-wrapper {
    grid-column: 2;
    grid-row: 1;
}


/* ========================================
   BILD OVERLAY / CAPTION
   ======================================== */

.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner {
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    height: 20%;
    background-color: transparent;
    transition: background-color 0.3s ease;
}

.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner {
    background-color: white;
}

.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading,
.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption {
    text-align: right;
    color: #000;
}


/* ========================================
   AMELIA BUCHUNGSSYSTEM
   ======================================== */

.amelia-v2-booking,
.amelia-v2-booking *,
.amelia-app-booking,
.amelia-app-booking * {
    box-shadow: none !important;
}

.amelia-v2-booking,
.amelia-v2-booking .am-dialog-el,
.amelia-v2-booking .el-input__inner,
.amelia-v2-booking .el-button,
.amelia-v2-booking .am-card,
.amelia-v2-booking [class*="am-"],
.amelia-v2-booking #amelia-container .am-button.am-button--filled {
    border-radius: 0px !important;
}

.amelia-v2-booking,
.amelia-v2-booking #amelia-container .am-ec__info-name {
    font-family: 'Source Sans 3', sans-serif !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    color: #000 !important;
}

.amelia-v2-booking #amelia-container .am-els * {
    font-family: 'Source Sans 3', sans-serif !important;
}

.amelia-v2-booking #amelia-container .am-ec__info-location {
    color: #000 !important;
}

/* ========================================
   RESPONSIVE - TABLET (min 537px)
   ======================================== */

@media (min-width: 537px) {
    .column-left {
        width: 37% !important;
        max-width: 37% !important;
        padding-left: 10px !important;
        padding-right: 20px !important;
    }
    .column-right {
        width: 62% !important;
        max-width: 62% !important;
        padding-left: 20px !important;
        padding-right: 10px !important;
    }
    .lernort-two-column-layout-reverse .column-left {
        width: 37% !important;
        max-width: 37% !important;
    }
    .lernort-two-column-layout-reverse .column-right {
        width: 62% !important;
        max-width: 62% !important;
    }
}


/* ========================================
   RESPONSIVE - DESKTOP (min 768px)
   ======================================== */

@media (min-width: 768px) {
    .column-left {
        width: 38% !important;
        max-width: 38% !important;
    }
    .column-right {
        width: 62% !important;
        max-width: 62% !important;
        padding-right: 6.25% !important;
    }
    .lernort-two-column-layout-reverse .column-left {
        width: 38% !important;
        max-width: 38% !important;
    }
    
    .floating-btn {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 991px) {
    .timeline-right {
        padding-right: 12.5% !important;
    }
    .timeline-left {
        padding-left: 15.6% !important;
    }
}


/* ========================================
   RESPONSIVE - DESKTOP CONTAINER
   ======================================== */

/* Standard: max 1400px für Notebooks/normale Monitore */
.wp-block-uagb-container.alignfull.uagb-is-root-container,
.wp-block-uagb-container.alignfull.uagb-is-root-container .timeline-section,
.lernort-two-column-layout-reverse.ueberschrift,
.wp-block-uagb-container.alignfull .uagb-container-inner-blocks-wrap,
.timeline-section {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Große Monitore (ab 1800px): volle 1770px */
@media (min-width: 1400px) {
    .wp-block-uagb-container.alignfull.uagb-is-root-container,
    .wp-block-uagb-container.alignfull.uagb-is-root-container .timeline-section,
    .lernort-two-column-layout-reverse.ueberschrift,
    .wp-block-uagb-container.alignfull .uagb-container-inner-blocks-wrap,
    .timeline-section {
        max-width: 1770px !important;
        width: 1770px !important;
    }
}


/* ========================================
   MOBILE (max 768px)
   ======================================== */

@media (max-width: 768px) {

    /* ÜBERSCHRIFTEN MOBILE */
    h1, .text-h1 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    
    h2, .text-h2 {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    
    h3, .text-h3 {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    
    /* 2-Spalten wird zu 1 Spalte */
    .two-column-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .two-column-layout .column-marginale {
        display: none;
    }
    
    /* Timeline Marginale verstecken auf Mobile */
    .timeline-marginale,
    .timeline-marginale-op {
        display: none !important;
    }
    
    /* SPALTEN MOBILE */
    .column-left,
    .column-right {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .column-left,
    .timeline-left,
    .lernort-column-image-left {
        text-align: left !important;
    }
    
    .column-left .has-text-align-right,
    .column-left.has-text-align-right,
    .timeline-left .has-text-align-right,
    .timeline-left.has-text-align-right,
    .column-left p,
    .timeline-left p {
        text-align: left !important;
    }
    
    .column-left .wp-block-uagb-image,
    .column-left img,
    .lernort-column-image-left .wp-block-uagb-image {
        margin-left: 0 !important;
        margin-right: auto !important;
    }
    
    .column-left .alignright,
    .lernort-column-image-left .alignright {
        float: none !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
    
    .lernort-two-column-layout-reverse {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .lernort-two-column-layout-reverse .column-left,
    .lernort-two-column-layout-reverse .column-right {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;padding-right: 0 !important;
    }
    
    /* Timeline Section - kein Padding */
    .timeline-section,
    .timeline-section.has-endpoint {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .timeline-right {
        padding-right: 0 !important;
    }
    
    .timeline-left {
        padding-left: 0 !important;
    }
    
    /* ÜBERSCHRIFTEN MOBILE */
    .lernort-two-column-layout-reverse.ueberschrift {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .lernort-two-column-layout-reverse.ueberschrift .column-left {
        text-align: left !important;
        margin-bottom: 10px;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }
    
    .lernort-two-column-layout-reverse.ueberschrift .uagb-container-inner-blocks-wrap {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 10px !important;
    }
    
    .lernort-two-column-layout-reverse.ueberschrift .lernort-column-image-left,
    .lernort-two-column-layout-reverse.ueberschrift .column-left {
        order: -1 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        margin-bottom: 0 !important;
    }

    .lernort-two-column-layout-reverse.ueberschrift .column-right {
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: 100% !important;
    }

    .lernort-two-column-layout-reverse.ueberschrift .column-left .wp-block-uagb-image,
    .lernort-two-column-layout-reverse.ueberschrift .column-left .wp-block-uagb-image__figure {
        display: inline-flex !important;
        justify-content: flex-start !important;
        text-align: left !important;
        width: auto !important;
        margin: 0 15px 0 0 !important;
        float: none !important;
    }

    .lernort-two-column-layout-reverse.ueberschrift .lernort-column-image-left img,
    .lernort-two-column-layout-reverse.ueberschrift .column-left img {
        width: 100px !important;
        height: 100px !important;
        max-width: 100px !important;
        margin-right: 10px !important;
    }

    .lernort-two-column-layout-reverse.ueberschrift .column-left,
    .lernort-two-column-layout-reverse.ueberschrift .column-right {
        width: auto !important;
        max-width: none !important;
    }
    
    .lernort-two-column-layout-reverse.ueberschrift .wp-block-uagb-image.alignright,
    .lernort-two-column-layout-reverse.ueberschrift .wp-block-uagb-image--align-right {
        float: none !important;
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .lernort-two-column-layout-reverse.ueberschrift .wp-block-uagb-image__figure {
        margin: 0 !important;
        justify-content: flex-start !important;
    }
    
    .lernort-two-column-layout-reverse.ueberschrift .lernort-column-image-left {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }
    
    .ueberschrift > div img {
        position: absolute !important;
        right: 0 !important;
        left: -18px !important;
        top: -46px !important;
        max-width: 100px !important;
        min-width: 100px !important;
        min-height: 100px !important;
        display: inline-block !important;
        float: none !important;
        margin: 0 15px 10px 0 !important;
    }
    
    .lernort-content-heading-reverse {
        padding-left: 70px !important;
    }
    
    .lernort-column-image-left {
        background-color: #ffffff !important;
    }
    
    .lernort-two-column-layout-reverse.ueberschrift .kt-svg-icon-wrap {
        width: 50px !important;
        height: 50px !important;
    }
    
    .lernort-two-column-layout-reverse.ueberschrift .kt-svg-icon-wrap svg {
        width: 30px !important;
        height: 30px !important;
    }
    
    .lernort-two-column-layout-reverse.ueberschrift .lernort-column-content-right,
    .lernort-two-column-layout-reverse.ueberschrift .column-right {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* ========================================
       SLIDER MOBILE - Textbox untendran
       ======================================== */
    /* ========================================
       SLIDER MOBILE - Textbox unten am Bild, ganz links
       ======================================== */
    
       .lernort-slider-container {
        margin-right: 0;
    }

    .kb-advanced-slider,
    .kb-advanced-slider-inner-contain {
        max-width: 100% !important;
    }
    
    .kb-advanced-slide-inner {
        margin-top: 0 !important;
    }
    
    /* Textbox: absolut am unteren Rand, ganz links, kein Abstand */
    .slider-textbox {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
    }

    /* Text-Overlay: volle Breite, ganz links, kein Schatten, kompakt */
    .wp-block-uagb-container.slider-text-overlay {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 8px 12px !important;
        margin: 0 !important;
        box-shadow: none !important;
        background-color: rgba(255, 255, 255, 0.95) !important;
        border-radius: 0 !important;
        max-height: none !important;
        align-self: stretch !important;
    }
    .kb-slider-size-ratio .kb-advanced-slide {
        padding-bottom: 80% !important;
    }
    
    .slider-title-1 {
        font-size: 16px !important;
        line-height: 1.3 !important;
        margin-bottom: 5px !important;
    }
    
    .slider-title-2 {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }

  

    .kb-advanced-slide .spenden-button,
    .slider-text-overlay + .spenden-button,
    .uagb-container .spenden-button {
        right: 20px;
        bottom: 20px;
        width: 100px !important;
        height: 100px !important;
        font-size: 14px;
    }
    
    /* SVG Spenden-Button Mobile */
    .gf-spenden-button__svg {
        width: 100px !important;
    }
    
    .kb-advanced-slide .gf-spenden-button,
    .uagb-container .gf-spenden-button {
        right: 15px;
        bottom: 15px;
    }
    
    /* PDF Download Mobile */
    .gf-pdf-download-hover-text {
        font-size: 14px;
    }
    
    /* Container auf Mobile - volle Breite */
    .wp-block-uagb-container.alignfull.uagb-is-root-container {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .wp-block-uagb-container.alignfull .uagb-container-inner-blocks-wrap {
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* Floating Buttons Mobile */
    .lernort-floating-buttons {
        right: 10px;
        gap: 16px;
    }

    .floating-btn {
        width: 50px;
        height: 50px;
    }
    
    .header-with-floating-buttons {
        padding-right: 0;
    }
    .kb-advanced-slide-inner {
        margin-top: 0 !important;
        height: 100% !important;
    }

    .kb-advanced-slide-inner-wrap {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    
    /* Footer Mobile */
    .site-footer,
    .site-footer .site-above-footer-wrap,
    .site-footer .site-primary-footer-wrap {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .site-footer .site-footer-section,
    .site-footer .footer-widget-area,
    .site-footer .ast-builder-layout-element,
    .site-footer .ast-footer-copyright {
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    .site-footer .footer-social-inner-wrap,
    .site-footer .footer-social-item {
        justify-content: flex-start !important;
    }

    .site-footer .ast-footer-copyright p,
    .site-footer .footer-widget-area * {
        text-align: left !important;
    }

    .site-footer .footer-widget-area p {
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere;
    }
    
    /* Timeline Section Mobile */
    .timeline-section,
    .timeline-section.has-endpoint {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box;
        overflow: hidden;
    }

    .timeline-section .uagb-container-inner-blocks-wrap {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 20px !important;
        align-items: center !important;
    }

    .timeline-section .column-left,
    .timeline-section .column-right {
        width: 100% !important;
        max-width: 680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: left !important;
    }

    .timeline-section .column-right {
        text-align: left !important;
    }

    .timeline-section .column-right .has-text-align-right,
    .timeline-section .column-left .has-text-align-right {
        text-align: left !important;
    }

    .timeline-section .column-left *,
    .timeline-section .column-right * {
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: break-word;
        hyphens: auto;
    }

    .timeline-section img {
        max-width: 100% !important;
        height: auto !important;
    }
}


/* ========================================
   MOBILE KLEIN (max 766px) - Timeline
   ======================================== */

@media (max-width: 766px) {
    .timeline-marginale,
    .timeline-marginale-op {
        display: none !important;
    }
}


/* ========================================
   SONSTIGES
   ======================================== */

.zitat-text {
    color: #936E1E !important;
}

.zitat-abschnitt .zitat {
    max-width: 420px !important;
}

.zitat img {
    margin-bottom: 30px;
}

@media (min-width: 1400px) {
    .wp-block-cover {
        min-height: 500px !important;
    }
}

@media (min-width: 1700px) {
    .wp-block-cover {
        min-height: 700px !important;
    }
}

h3.wp-block-heading {
    font-size: 56px !important;
}

.film-image {
    position: relative;
}

.film-button {
    position: absolute !important;
    bottom: 0px;
    z-index: 99;
}

.film-button > div,
.film-button > div > div {
    left: 0;
    justify-content: flex-start !important;
}

.kb-advanced-slider-13_76bab0-bc .kb-advanced-slide-inner-wrap {
    padding-left: 0px !important;
}

/* ---- SVG SPENDEN-BUTTON IM SLIDER ---- */

/* Mobile: bis 768px */
@media (max-width: 768px) {
    
    .slider-text-overlay + .gf-spenden-button,
    .uagb-container .gf-spenden-button {
        bottom: 110px;
        left: 0;
        float: none;
    }
    .kb-advanced-slide .gf-spenden-button__svg {
        width: 90px;
        left: 50%;
        position: absolute;
        bottom: -40%;
        top: -90px;
    }
    .kb-advanced-slide .gf-spenden-button{
        top: 13px;
        left: 0 !important;
    }
}

/* Tablet: 769px bis 1199px */
@media (min-width: 769px) and (max-width: 900px) {
    .kb-advanced-slide .gf-spenden-button,
    .slider-text-overlay + .gf-spenden-button,
    .uagb-container .gf-spenden-button {
        bottom: 80px;
        left: 0;
        float: none;
    }
    .kb-advanced-slide .gf-spenden-button__svg {
        width: 120px;
        top: -183px;
    right: 0;
    position: absolute;

    }
    .slider-textbox {
        flex-direction: column !important;  /* ← das !important hinzufügen */
    }
}
@media (min-width: 901px) and (max-width: 1199px) {
    .kb-advanced-slide .gf-spenden-button,
    .slider-text-overlay + .gf-spenden-button,
    .uagb-container .gf-spenden-button {
        bottom: 80px;
        left: 0;
        float: none;
    }
    .kb-advanced-slide .gf-spenden-button__svg {
        width: 120px;
        top: -90px;
    right: 0;
    position: absolute;

    }
}


/* Kleinerer Desktop: 1200px bis 1779px */
@media (min-width: 1200px) and (max-width: 1779px) {
    .kb-advanced-slide .gf-spenden-button,
    .slider-text-overlay + .gf-spenden-button,
    .uagb-container .gf-spenden-button {
       
        left: 66%;
        float: none;
    }
    .kb-advanced-slide .gf-spenden-button__svg {
        width: 140px;
        position: absolute;
        top: -270px;
        left: 17px;
    }
}

/* Großer Desktop: ab 1780px (Original) */
@media (min-width: 1780px) {
    .kb-advanced-slide .gf-spenden-button,
    .slider-text-overlay + .gf-spenden-button,
    .uagb-container .gf-spenden-button {
        bottom: -6px;
    left: 80%;
    }
    .kb-advanced-slide .gf-spenden-button__svg {
        width: 200px;
    }
}

.bg-gelb{
    background-color: F5F0E5;
    
}
.timeline-section.bg-gelb{
    padding-top: 20px !important;
}
.timeline-note a{
    text-decoration: none !important;
}