.elementor-37753 .elementor-element.elementor-element-e677254.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-37753 .elementor-element.elementor-element-e677254 .elementor-thumbnails-swiper .elementor-carousel-image{aspect-ratio:21 / 9;}.elementor-37753 .elementor-element.elementor-element-e677254 .elementor-swiper-button{font-size:20px;}.elementor-37753 .elementor-element.elementor-element-d1f1d73{width:var( --container-widget-width, 106.421% );max-width:106.421%;--container-widget-width:106.421%;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-37753 .elementor-element.elementor-element-e677254.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-37753 .elementor-element.elementor-element-e677254.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}/* Start custom CSS *//* =========================
   STICKY MENÜ
========================= */

.tt-menu{

    position:fixed;

    top:130px;

    left:50%;

    transform:translateX(-50%);

    transition:top .5s ease;

    left:50%;

    transform:translateX(-50%);

    width:calc(100% - 40px);

    max-width:1200px;

    z-index:9999;

    background:rgba(255,255,255,.96);

    backdrop-filter:blur(10px);

    border:1px solid rgba(0,90,156,.18);

    border-radius:16px;

    box-shadow:0 8px 25px rgba(0,0,0,.12);

}

.tt-menu.scrolled{

    top:0;

}


.tt-menu-inner{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:25px;

    padding:15px 20px;

}


.tt-menu a{

    color:#005a9c;

    font-weight:700;

    text-decoration:none;

    font-size:15px;

    transition:.2s;

}


.tt-menu a:hover{

    color:#003d6b;

}



/* =========================
   TABLET
========================= */

@media(max-width:900px){

    .tt-menu-inner{

        gap:15px;

    }


    .tt-menu a{

        font-size:13px;

    }

}



/* =========================
   MOBILE
========================= */

@media(max-width:600px){

    .tt-menu{

        width:calc(100% - 20px);

        top:110px;

    }


    .tt-menu-inner{

        justify-content:flex-start;

        overflow-x:auto;

        flex-wrap:nowrap;

    }


    .tt-menu a{

        white-space:nowrap;

    }

}

/* =========================
   HERO
========================= */


.tt-hero{

    position:relative;
    min-height:600px;

    display:flex;
    justify-content:center;
    align-items:center;

    overflow:hidden;

    border-radius:18px;

    background-image:url("https://www.mahlower-sv.de/wp-content/uploads/2022/05/tabletennis-1.jpg");
    background-size:cover;
    background-position:center center;

}


.tt-content{

    position:relative;
    z-index:2;

    max-width:900px;

    padding:60px;

    text-align:center;

    color:white;

}


.tt-content h1{

    color:#004f8c;

    font-size:64px;

    margin:0;

    line-height:1.1;

    font-weight:800;

    text-shadow:0 2px 3px rgba(255,255,255,.25);

}


.tt-content p{

    font-size:22px;

    margin:30px auto;

    max-width:650px;

    line-height:1.7;

}


.tt-badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    background:rgba(255,255,255,.18);

    backdrop-filter:blur(6px);

    margin-bottom:30px;

    font-size:14px;

    letter-spacing:2px;

    text-transform:uppercase;

}



/* =========================
   ALLGEMEINE BEREICHE
========================= */

.tt-section{

    margin:80px auto;

}


.tt-section h2{

    text-align:center;

    font-size:36px;

    color:#005a9c;

    margin-bottom:40px;

}

.tt-league-link {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin: 10px 0 45px;
    font-weight: 600;
    color: #005a9c;
}

.tt-league-link a {
    color: #005a9c;
    text-decoration: none;
}

.tt-league-link a:hover {
    color: #003f6d;
    text-decoration: underline;
}



/* =========================
   KARTEN
========================= */

.tt-cards,
.tt-features{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:30px;

}


.tt-card,
.tt-feature{

    background:#fff;

    padding:30px;

    border-radius:18px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    text-align:center;

    transition:.3s;

}


.tt-card:hover,
.tt-feature:hover{

    transform:translateY(-6px);

}


.tt-icon{

    font-size:48px;

    margin-bottom:15px;

}


.tt-feature{

    font-size:18px;

}


.tt-feature h3,
.tt-card h3{

    margin:15px 0;

    color:#005a9c;

}


.tt-time{

    margin-top:20px;

    font-weight:bold;

    color:#005a9c;

}

/* =========================
   MANNSCHAFTEN BUTTON
========================= */

.tt-button {

    display:inline-block;

    margin-top:20px;

    padding:10px 18px;

    border-radius:25px;

    background:#005a9c;

    color:#fff;

    font-weight:bold;

    text-decoration:none;

}


.tt-button:hover {

    background:#003d6b;

    color:#fff;

}

/* =========================
   BUTTONS
========================= */

.tt-button,
.tt-button:visited {

    display:inline-block;

    margin-top:20px;

    padding:10px 18px;

    border-radius:25px;

    background:#005a9c;

    color:#ffffff !important;

    font-weight:700;

    text-decoration:none !important;

    transition:.2s;

}


.tt-button:hover {

    background:#003d6b;

    color:#ffffff !important;

}



/* =========================
   MAP
========================= */

.tt-map{

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}


.tt-map iframe{

    width:100%;

    height:450px;

    border:0;

}



/* =========================
   AKTUELLES
========================= */

.tt-news-card{

    background:#fff;

    padding:35px;

    border-radius:18px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    margin-bottom:30px;

}


.tt-news-card h3{

    color:#005a9c;

    margin-top:0;

    margin-bottom:20px;

}



/* Tabelle */

.tt-table-wrapper{

    overflow-x:auto;

    margin-top:25px;

}


.tt-table{

    width:100%;

    border-collapse:collapse;

    font-size:15px;

}


.tt-table th{

    background:#005a9c;

    color:#fff;

    padding:14px;

    text-align:left;

}


.tt-table td{

    padding:12px 14px;

    border-bottom:1px solid #ddd;

}


.tt-table tr:nth-child(even){

    background:#f5f7fa;

}


.tt-table tr:hover{

    background:#eef6ff;

}



/* Termine */

.tt-events{

    display:flex;

    flex-direction:column;

    gap:20px;

}


.tt-event{

    display:flex;

    align-items:center;

    gap:25px;

    padding:20px;

    background:#f5f7fa;

    border-radius:12px;

}


.tt-event-date{

    min-width:130px;

    color:#005a9c;

    font-size:15px;

    text-align:center;

}


.tt-event-date strong{

    font-size:20px;

}


.tt-event-content h3{

    margin:0 0 8px;

}


.tt-event-content a{

    color:#005a9c;

    font-weight:bold;

    text-decoration:none;

}

/* =========================
   SPONSOREN
========================= */


.tt-sponsor-card {

    display:flex;
    flex-direction:column;
    justify-content:flex-start;

}


.tt-sponsor-logo {

    width:100%;

    height:160px;

    object-fit:contain;

    margin-bottom:20px;

}


.tt-sponsor-card h3 {

    min-height:48px;

}



/* =========================
   IMPRESSUM
========================= */

.tt-impressum{

    width:100%;

    height:100%;

}


.tt-impressum h3{

    font-size:20px;

}


.tt-impressum p{

    font-size:15px;

    line-height:1.5;

}

.tt-cards .tt-impressum{

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

}





/* =========================
   RESPONSIVE
========================= */

@media(max-width:900px){

    .tt-content{

        padding:40px;

    }


    .tt-content h1{

        font-size:46px;

    }


    .tt-content p{

        font-size:18px;

    }

}



@media(max-width:700px){

    .tt-news-card{

        padding:20px;

    }


    .tt-table{

        font-size:13px;

    }


    .tt-event{

        flex-direction:column;

        align-items:flex-start;

    }


    .tt-event-date{

        text-align:left;

    }

}



@media(max-width:600px){

    .tt-hero{

        min-height:480px;

        border-radius:10px;

    }


    .tt-content{

        padding:30px;

    }


    .tt-content h1{

        font-size:34px;

    }


    .tt-content p{

        font-size:16px;

    }

}/* End custom CSS */