/*
 Theme Name:   Motorman Run
 Theme URI:    https://www.neckarmedia.com
 Description:  WordPress Child Theme
 Author:       Neckarmedia
 Author URI:   https://www.neckarmedia.com
 Template:     enfold
 Version:      1.0
*/

/* figtree-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/figtree-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/figtree-v8-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/figtree-v8-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/figtree-v8-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Din Text Comp Pro 300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Din Text Comp Pro';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/PFDinTextCompPro-Light.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Din Text Comp Pro 400 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Din Text Comp Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/PFDinTextCompPro-Medium.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Din Text Comp Pro 500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Din Text Comp Pro';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/PFDinTextCompPro-Regular.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* PP Pier Sans-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'PP Pier Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/PPPierSans-Bold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* @link https://utopia.fyi/type/calculator?c=375,16,1.125,1920,18,1.25,7,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --step--2: clamp(0.72rem, 0.8071rem + -0.0726vw, 0.7901rem);
  --step--1: clamp(0.8889rem, 0.8862rem + 0.0115vw, 0.9rem);
  --step-0: clamp(1rem, 0.9697rem + 0.1294vw, 1.125rem);
  --step-1: clamp(1.125rem, 1.0567rem + 0.2913vw, 1.4063rem);
  --step-2: clamp(1.2656rem, 1.1462rem + 0.5097vw, 1.7578rem);
  --step-3: clamp(1.4238rem, 1.2361rem + 0.801vw, 2.1973rem);
  --step-4: clamp(1.6018rem, 1.3239rem + 1.1855vw, 2.7466rem);
  --step-5: clamp(1.802rem, 1.4061rem + 1.6893vw, 3.4332rem);
  --step-6: clamp(2.0273rem, 1.4777rem + 2.3449vw, 4.2915rem);
  --step-7: clamp(2.2807rem, 1.5322rem + 3.1935vw, 5.3644rem);
}

:root {
    --primary-font: 'Figtree', sans-serif;
    --heading-font: 'Din Text Comp Pro', sans-serif;
}

/*
:root {
	--primary-color: #F39200;
	--secondary-color: #F39200;
	--bf-lightblue: #F39200;
	--bf-darkblue: #003B6E;
	--black: #000;
	--dark-grey: #BCBDC0;
	--light-grey: #F5F5F5;
	--creme: #F9E3DF;
	--magenta: #DE0370;
	--light-green: #CBED64;
}
*/
:root {
	--primary: #000;
	--secondary: #F39200;
	--third: #003B6E;
}


/* =======================================================================================================================================
Typo
======================================================================================================================================= */
html{-webkit-tap-highlight-color: transparent; min-width: 0 !important}
body{-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
body,p{font-family: var(--primary-font); font-size: var(--step-0); font-weight: 400; line-height: 1.6}
p{margin: 0 0 2em; font-size: var(--step-0);}
h1,h2,h3,h4,h5,h6{font-family: var(--heading-font); font-weight: 300 !important; line-height: 1.2; letter-spacing: 0 !important; text-transform: inherit !important; margin: 0 0 1em 0 !important;}

#top h1{font-size: var(--step-7); text-transform: uppercase !important;}
#top h2{font-size: var(--step-5); text-transform: uppercase !important;}
#top h3{font-size: var(--step-3);}
#top h4{font-size: var(--step-2);}
#top h5{font-size: var(--step-1);}
#top h6{font-size: var(--step-0);}

#top .special_amp{color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
#top .av-special-heading{padding: 0 !important}
#top .av-special-heading .special-heading-border{display: none;}
#top .av-special-heading.avia-builder-el-no-sibling .av-special-heading-tag{margin: 0 !important}

#top .avia-section b,
#top .avia-section strong,
#top .footer_color b,
#top .footer_color strong,
#top .socket_color b,
#top .socket_color strong{color: inherit}

mark{color: var(--secondary);}
.av-special-heading-tag mark{display: block;}

/* Button */
#top div .avia-button{
    font-size: var(--step-0);
    font-weight: 400;
    padding: .5em 1em;
    border-radius: 2em;
    background: var(--third);
    border: 1px solid var(--third) !important;
    color: #fff;
    text-decoration: none !important;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    text-transform: none;
}

#top div .avia-button.avia-color-dark {color: var(--secondary);border: 1px solid var(--secondary) !important;}
#top div .avia-button.avia-color-light{border: 1px solid var(--secondary) !important; background: var(--secondary); color: var(--secondary);}

#top div .avia-button:hover{background: var(--primary); color: #fff; border: 1px solid var(--primary) !important;}
#top div .avia-button:hover.avia-color-dark, 
#top .alternate_color .avia-button:hover {background: var(--third); border: 1px solid var(--third) !important; color: #fff; opacity: 1 !important;}


html.no-touch-device #top div .avia-button:hover{translate: 0 -2px}

.avia-button:hover, .avia-button.avia-color-light:hover {opacity: 1;}

#top .alternate_color .avia-button {background: var(--secondary); border: 1px solid var(--secondary) !important;}
#top .alternate_color .avia-button.avia-color-light {background: var(--secondary); border: 1px solid var(--secondary) !important; color: #fff !important;}
#top .alternate_color .avia-button.avia-color-dark {color: #fff; border: 1px solid #fff !important; background:transparent;}

#top div .avia-button:hover.avia-color-light {border: 1px solid var(--third) !important; background: var(--third); color: #fff!important;}

#top a.avia-button.avia-color-white {background: transparent !important; border: 1px solid #fff !important;}
#top a.avia-button.avia-color-white:hover {border: 1px solid var(--secondary) !important; color: var(--secondary);}  

#top div .avia-button.avia-color-theme-color-highlight{background-color: var(--secondary); border-color: var(--secondary) !important; color: var(--primary);}
#top div .avia-button.avia-color-theme-color-highlight:hover{background-color: var(--primary); border-color: var(--primary) !important; color: var(--secondary);}

/* Blockquote */
#top blockquote{border: 0; font-size: var(--step-1); margin: 2em 0 2em; padding: 0 0 0 2em; position: relative; max-width: 420px; font-style: italic; line-height: 1.6}
#top blockquote:before{content: '\e833'; font-family: 'entypo-fontello'; position: absolute; top: -.3em; left: 0; opacity: .1; font-size: 4em; font-style: normal; line-height: 1}
#top blockquote p{font-size: 1em; margin: 0}

/* List */
#top .avia_textblock ul{
    list-style: none;
    margin: 0 0 1em 0;
}
#top .avia_textblock ul > li{
    margin: 0 0 0.5em 0;
    padding: 0 0 0 1em;
    position: relative;
}
#top .avia_textblock ul > li:before{
    content: '\e875';
    font-family: 'entypo-fontello';
    position: absolute;
    left: 0;
    display: inline-block;
}


/* =======================================================================================================================================
Header
======================================================================================================================================= */
@media only screen and (max-width: 1440px) and (min-width: 990px){
    .responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, 
    .responsive.html_boxed.html_header_transparency #header{
        max-width: 100%;
    }
}

@media only screen and (max-width: 989px){ 
    .responsive #top #header{position: fixed !important; top: 0; left: 0; right: 0; width: 100%}
    .responsive #top #main,
    .responsive.html_mobile_menu_tablet.html_header_top #top #main{padding-top: 80px !important}
    .responsive #top #wrap_all .av-logo-container,
    .responsive #top #header_main > .container .main_menu .av-main-nav > li > a,
    .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container,
    .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a{
        height: 80px;
        line-height: 80px;
    }
}

@media only screen and (min-width: 990px){
    #header .inner-container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        position: static;
    }
    #header .inner-container > .logo{position: relative;}
}

/* Logo */
#header_main .inner-container > .logo,
#header_main .inner-container > .logo a{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: visible}
#header_main .inner-container > .logo a{height: auto}
#header_main .inner-container > .logo a svg,
#header_main .inner-container > .logo a img{width: auto !important; height: 50px !important;} 
#header .inner-container > .logo{ overflow: hidden;}

#top .logo.avia-svg-logo .st0 {
    fill: var(--third);
}

/*
#header .inner-container > .logo::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50px;
    width: auto;
    aspect-ratio: 1254 / 666;
    height: 100%;
    background-image: url(img/weisser-banner.webp);
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    scale: 1.3;
    transform-origin: top left;
}
*/
@media only screen and (min-width: 990px){
    #header_main .inner-container > .logo{padding-bottom: 1.5em; padding-top: 1em;}
    #header_main .inner-container > .logo a svg,
    #header_main .inner-container > .logo a img{height: 50px !important;}
}

@media only screen and (min-width: 1440px){
	#header .inner-container > .logo{padding-left: 0;}
    #header .inner-container > .logo::before{background-position: -100px 0;}
    #header_main .inner-container > .logo a svg,
    #header_main .inner-container > .logo a img{height: 50px !important;}
}

@media only screen and (max-width: 767px) {.responsive .logo img, .responsive .logo svg {max-height: 30px;}}
@media screen and (max-width: 500px){.responsive #top .logo {height:30px;}}

@media screen and (min-width: 1024px){
	#header_main .inner-container > .logo a {justify-content: flex-end;}
}

/* Navigation */
#header_main .inner-container > nav.main_menu{display: none !important;}
#header_main .inner-container > nav.header-menu > ul#header-menu-ul > li > a:hover, #header_main .inner-container > nav.header-menu > ul#header-menu-ul > li > a.active {
        color: #BCBDC0;
    }


@media screen and (min-width: 990px){.__nav-lindenlauf, .__nav-motorman, .__nav-kontakt{display:none !important;}}

/* =======================================================================================================================================
Accessibility
======================================================================================================================================= */
#top :focus-visible{
    overflow: visible; 
    outline: -webkit-focus-ring-color auto 1px; 
    opacity: 1 !important;
    box-shadow: inset 0 0 0 2px #fff;
}


/* =======================================================================================================================================
Misc
======================================================================================================================================= */
/* Layout */
.widgettitle{font-weight: inherit; text-transform: inherit; letter-spacing: inherit; font-size: inherit;}

/*Padding Left 0*/
@media only screen and (min-width: 980px){
.__pl-0 .avia-image-container-inner {width: 100%;}
.__pl-0 .flex_column {object-fit: fill;}
.__pl-0 .container {padding-left: 0 !important;}
}
    
/*Big Padding Top*/
@media only screen and (min-width: 1100px){
.__big-pt {padding-top: 200px;}
}	
@media only screen and (min-width: 600px){
.__big-pt {padding-top: 100px;}
}

/*Big Padding Bottom*/
@media only screen and (min-width: 1100px){
.__big-pb {padding-bottom: 200px;}
}	
@media only screen and (min-width: 600px){
.__big-pb {padding-bottom: 100px;}
}

@media only screen and (max-width: 767px){
    .responsive #top #wrap_all .container{width: 90%; max-width: 90%;}
}

@media only screen and (min-width: 1100px){
    .container.av-section-cont-open {
    padding: 0 150px;
}
}

/* Design Elemente */
#top .__w-sep.hr {position: absolute; left: -150px; bottom: 0;}
#top .hr-inner {border-top-width: 2px !important;}

.__w-bottom-left {position: relative;}
@media screen and (min-width:1100px){
    .__w-bottom-left:after { content: ""; position: absolute; left: 0; right: 30%; bottom: -120px; height: 312px; background: url(/wp-content/uploads/2025/07/tsv-w-two-center.png) no-repeat center center; background-size: contain; z-index: 11;}
}

/* Images */
#top .image-overlay{display: none !important;}
#top .avia_image,
#top .av-image-caption-overlay,
#top .avia-image-container-inner{border-radius: 0}

/* Toggle */
#top section.av_toggle_section .toggler{padding: 1em 3em 1em 1rem; margin: 0 0 .8em; font-size: var(--step-0); background: transparent; border: 1px solid; border-radius: .5em}
#top section.av_toggle_section .toggler:hover{background: transparent;}
#top section.av_toggle_section .toggler .toggle_icon{display: none;}
#top section.av_toggle_section .toggler:after{content: '\e87d'; font-family: 'entypo-fontello'; position: absolute; right: 1em; transition: .2s ease;}
#top section.av_toggle_section .toggler.activeTitle:after{rotate: 90deg}
#top section.av_toggle_section .toggle_content{border: 0; background: transparent; padding: .5em 1rem 1.5em;}
#top section.av_toggle_section .toggle_content *{font-size: var(--step--1);}

/* Social Icons */
#top ul.__social--media--icons{display: flex; gap: 0; font-size: var(--step-2); margin: 0 0 1em 0; line-height: 1;}
#top ul.__social--media--icons > li > a{padding: .2em .4em;}

/* Slideshow Full width Slider */
#top .av_slideshow_full .avia-slide-wrap img{width: 60%; float: right; margin: 0;}
#top .av_slideshow_full .avia-slide-wrap {position: relative; height: 100%;}
#top .av_slideshow_full .slideshow_align_caption {position: absolute; top: 50%; left: 10%; transform: translateY(60%);}
#top .av_slideshow_full h2.avia-caption-title {display: inline-block; background: var(--primary); text-transform: uppercase !important; font-size: var(--step-7) !important; padding: 0.2em 0.4em; margin-bottom: 0 !important; color: var(--secondary)}
#top .av_slideshow_full .avia-caption-content p {display: inline-block; background: var(--primary); padding: 0.2em 1.5em; font-size: var(--step-1); margin-top: 0; color: #fff}
#top .av_slideshow_full {position: relative; z-index: 10;}
#top .av_slideshow_full:before {content: ""; position: absolute; left: 20%; right: 0; bottom: -120px; height: 312px; background: url(/wp-content/uploads/2025/10/mmr-two-center.png) no-repeat center center; background-size: contain; z-index: 11;}

@media screen and (max-width: 770px){
    #top .av_slideshow_full .avia-slide-wrap img {width: 100%; left: 0 !important;}
    #top .av_slideshow_full .slideshow_align_caption {left: 0;}
    #top .slideshow_caption .avia-caption-content p {font-size: var(--step-1);}
}

#top .avia-fullwidth-slider.__hero .av_slideshow_full .slideshow_align_caption {display:grid;}
#top .avia-fullwidth-slider.__hero .av_slideshow_full .avia-caption-title {order:1}
#top .avia-fullwidth-slider.__hero .av_slideshow_full .avia-slideshow-button.avia-button {order:3}

/* News */
.template-blog article header.entry-content-header {display: inline-grid;}
.template-blog article header.entry-content-header .post-title {order:2;}
article.post-entry {margin: 4rem 0;}
.template-blog .blog-author, .template-blog .text-sep, .post_delimiter {display:none;}
.blog-categories.minor-meta a { background: var(--third); border-radius: 25px; padding: .3em 1.5em; color: #fff; margin-left: 10px; font-size: var(--step--1);}
.blog-categories.minor-meta {font-size: 0;}
.container .date-container.minor-meta { font-size: var(--step-0); font-weight: 700; vertical-align: top;}
#top .fullsize .template-blog .post-title {padding-bottom: 1em; padding-top: 2em;}
.template-blog .read-more-link a {font-weight: 700; text-decoration: underline !important;}
.template-blog .more-link-arrow svg { display: none; }
.template-blog .more-link-arrow::before {  content: "..."; font-size: var(--step-0);}
.template-blog .post-meta-infos { margin-top: 30px;}

#top .fullsize .template-blog .pagination a, #top .pagination a {background: var(--third); color: #fff; font-size: var(--step-0);}
#top .pagination .current {background: var(--secondary); font-size: var(--step-0); color: #fff;}

@media screen and (min-width: 1315px){.big-preview.single-big { width: 490px;} article.post-entry {display: flex;}}
@media screen and (min-width:1600px){.template-page article.post-entry:after {content: ""; position: absolute; bottom: 15%; left: 0%; right: 0%; height: 2px; width: 100%; background: var(--secondary); z-index: 10;}}


/* News Kalender */
a.tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button.tribe-common-a11y-hidden {
    background: var(--third);
    border: 1px solid var(--third);
    border-radius: 2em;
    color: #fff;
    font-family: var(--primary-font);
    font-size: var(--step-0);
    padding: .3em 1em;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}

a.tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button.tribe-common-a11y-hidden:hover {
    background: var(--secondary);
    border: 1px solid var(--secondary);
    translate: 0 -2px;
}

.tribe-events-c-top-bar__datepicker-desktop.tribe-common-a11y-hidden {
    font-size: var(--step-0);
    color: var(--secondary);
    border: 1px solid var(--secondary);
    padding: .3em 1em;
    border-radius: 2em;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}

.tribe-events-c-top-bar__datepicker-desktop.tribe-common-a11y-hidden:hover {
    color: #fff;
    border: 1px solid var(--secondary);
    background: var(--secondary);
    translate: 0 -2px;
} 

.tribe-theme-enfold .tribe-events .datepicker .day.active, .tribe-theme-enfold .tribe-events .datepicker .day.active.focused, .tribe-theme-enfold .tribe-events .datepicker .day.active:focus, .tribe-theme-enfold .tribe-events .datepicker .day.active:hover, .tribe-theme-enfold .tribe-events .datepicker .month.active, .tribe-theme-enfold .tribe-events .datepicker .month.active.focused, .tribe-theme-enfold .tribe-events .datepicker .month.active:focus, .tribe-theme-enfold .tribe-events .datepicker .month.active:hover, .tribe-theme-enfold .tribe-events .datepicker .year.active, .tribe-theme-enfold .tribe-events .datepicker .year.active.focused, .tribe-theme-enfold .tribe-events .datepicker .year.active:focus, .tribe-theme-enfold .tribe-events .datepicker .year.active:hover {
    background: var(--third);
    color: #fff;
    font-family: var(--primary-font);
    border-radius: 2em;
    font-size: var(--step--1);
}

.tribe-events .datepicker .month, .tribe-events .datepicker .year {font-size: var(--step--1);}

.tribe-theme-enfold .tribe-events .datepicker .month.focused.active.current, .tribe-theme-enfold .tribe-events .datepicker .month.past, .tribe-theme-enfold .tribe-events .datepicker .month { padding: .7em 1em !important;}

.tribe-theme-enfold .tribe-events .datepicker .day.focused, .tribe-theme-enfold .tribe-events .datepicker .day:focus, .tribe-theme-enfold .tribe-events .datepicker .day:hover, .tribe-theme-enfold .tribe-events .datepicker .month.focused, .tribe-theme-enfold .tribe-events .datepicker .month:focus, .tribe-theme-enfold .tribe-events .datepicker .month:hover, .tribe-theme-enfold .tribe-events .datepicker .year.focused, .tribe-theme-enfold .tribe-events .datepicker .year:focus, .tribe-theme-enfold .tribe-events .datepicker .year:hover {
    background: var(--light-grey);
    border-radius: 2em;
}

.tribe-theme-enfold .tribe-events .datepicker .month.current {background: rgb(0 143 213 / 27%); border-radius: 2em;}

.tribe-events tr:first-child td, .tribe-events tr:first-child th {
    border-top-width: 0 !important;
}

.tribe-events tr th:first-child {
    border-left-width: 0 !important;
}

.tribe-common-c-btn-icon.tribe-events-c-top-bar__nav-link {
    width: 30px;
    height: 30px;
}

.tribe-common-c-btn-icon.tribe-events-c-top-bar__nav-link,
button.tribe-common-c-btn-icon.tribe-common-c-btn-icon--caret-left.tribe-events-c-top-bar__nav-link.tribe-events-c-top-bar__nav-link--prev {
    background: var(--secondary);
    padding: .3em;
    color: #fff;
    border-radius: 2em;
}

button.tribe-common-c-btn-icon.tribe-common-c-btn-icon--caret-left.tribe-events-c-top-bar__nav-link.tribe-events-c-top-bar__nav-link--prev {
    background: var(--secondary);
}

.tribe-common-c-btn-icon.tribe-events-c-top-bar__nav-link:hover {background: var(--third);}

.tribe-common .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg path, 
.tribe-common .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg path,
.tribe-common .tribe-common-c-btn-icon--caret-left:disabled .tribe-common-c-btn-icon__icon-svg path,
.tribe-common .tribe-common-c-btn-icon--caret-right:hover .tribe-common-c-btn-icon__icon-svg path,
.tribe-common .tribe-common-c-btn-icon--caret-left:hover .tribe-common-c-btn-icon__icon-svg path {
    fill: #fff;
}

/* Event Widget List */
#top .tribe-events-widget-events-list__events{
    display: flex;
    flex-direction: column;
}
#top .tribe-events-widget-events-list__events > div{
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 2rem 1rem;
    background-color: #f2f2f2;
}
#top .tribe-events-widget-events-list__events > div > *{
    flex-basis: 0; 
    flex-grow: 1; 
    padding: 1rem; 
    float: none !important; 
    display: block;
}
#top .tribe-events-widget-events-list__events > div > .tribe-events-widget-events-list__event-date-tag{max-width: 20%;}
#top .tribe-events-widget-events-list__events > div > .tribe-events-widget-events-list__event-date-tag .tribe-events-widget-events-list__event-date-tag-month{font-weight: 700; color: var(--secondary); font-size: var(--step--1);}
#top .tribe-events-widget-events-list__events > div > .tribe-events-widget-events-list__event-date-tag .tribe-events-widget-events-list__event-date-tag-daynum{font-size: var(--step-4);}
#top .tribe-events-widget-events-list__events > div > .tribe-events-widget-events-list__event-wrapper time{font-size: var(--step--1); color: var(--third);}
#top .tribe-events-widget-events-list__events > div > .tribe-events-widget-events-list__event-wrapper h3{margin: 0 !important;}
#top .tribe-events-widget-events-list__events > div > .tribe-event-thumb{order: 2;}
#top .tribe-events-widget-events-list__events > div > .tribe-event-thumb img{
    display: block; 
    float: none; 
    margin: 0; 
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 480px;
}
#top .tribe-events-widget-events-list .tribe-events-widget-events-list__view-more{display: none;}

@media screen and (min-width: 990px){
    #top .tribe-events-widget-events-list__events > div{flex-direction: row; align-items: center;}
}


/* Gallery-Slider */
.avia-slideshow {overflow: visible;}
#top .__gallery-slider .avia-slideshow {width: 450px; margin: 0 auto;}
#top .__gallery-slider .template-page.content {padding-bottom: 0;}
#top .__gallery-slider .avia-slideshow:before {content: ""; display: block; width: 100%; height: 100%; background: url(/wp-content/uploads/2025/10/mmr-one-center.png) no-repeat left center; background-size: contain; position: absolute; top: 0; left: 15%; z-index: 6;}

@media screen and (min-width: 770px){#top .__gallery-slider .avia-slideshow {padding-top: 100px;}}

/* Termine Events */
.av-upcoming-event-image {border-radius: 0; width: 500px; height: 250px; object-fit: cover;}
.av-upcoming-event-data {margin-top: 30px;}
a.av-upcoming-event-entry.av-upcoming-event-entry {background: var(--light-grey); padding: 4em; margin: 2em 0;}
.av-upcoming-event-schedule {font-size: var(--step-1);}
#top h4.av-upcoming-event-title { font-size: var(--step-3); margin-bottom: 20px !important; overflow-wrap: break-word;}

@media screen and (min-width: 1500px){.av-upcoming-events .av-upcoming-event-image {margin-right: 100px;}
.av-upcoming-event-entry:after {content: ""; position: absolute; left: 0; right: 10%; bottom: -120px; height: 312px; background: url(/wp-content/uploads/2025/10/mmr-two-center.png) no-repeat right center; background-size: contain;}}
@media screen and (min-width: 770px){.av-upcoming-events .av-upcoming-event-image {margin-right: 50px;}}
@media screen and (max-width: 1420px){.av-upcoming-event-data { width: 100%; padding-top: 30px;}}


/* Sportangebote */
.__sportangebote .avia-icon-list-container ul.avia-icon-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; list-style: none; padding: 0; margin: 0 auto; text-align: center;}
.__sportangebote .avia-icon-list-container ul.avia-icon-list li {display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}
.__sportangebote .avia-icon-list-container .iconlist_icon svg {width: 80px; height: 80px; margin-bottom: 10px;}
.__sportangebote .avia-icon-list-container .av_iconlist_title {margin-top: 10px; font-size: 1rem; font-weight: bold; text-align: center; text-transform: uppercase !important;}
.__sportangebote .avia-icon-list .iconlist_content_wrap {margin-top: 3em; height: 100%;}
.__sportangebote .avia-icon-list .iconlist_icon {background-color: transparent;}
.__sportangebote .avia-icon-list .iconlist_icon:before {content: ""; position: absolute; left: -30px; right: 0px; bottom: -40px; width: 180px; height: 130px; background: url(/wp-content/uploads/2025/10/wischer-dunkelblau.svg) no-repeat left center; background-size: contain; z-index: -1;}
.__sportangebote li.avia_start_animation .st0, .__sportangebote li.avia_start_animation .cls-1 {fill: #fff;}
.__sportangebote li.avia_start_animation:hover .iconlist_icon:before {background: url(/wp-content/uploads/2025/10/wischer-orange.svg) no-repeat left center;}
.__sportangebote .iconlist_icon {display: inline-block; transition: transform 0.3s ease !important; transform-origin: center center;}
.__sportangebote li.avia_start_animation:hover .iconlist_icon {transform: scale(1.3) !important; z-index: 10;}
#top .__sportangebote .avia-icon-list .iconlist-timeline { position: absolute; top: 50%; left: 50%; width: 1px; height: 10% !important; border-right-width: 1px; border-right-style: solid;}
.__sportangebote .avia-icon-list .iconlist_title {top: 35px;}
.__sportangebote.alternate_color .avia-icon-list .iconlist-timeline {border-color: #ffffff;}
.avia-icon-list li:last-child .iconlist-timeline {display: block !important;}
.__sportangebote.avia-section {padding: 50px 0;}
.__sportangebote.avia-section {position: relative;}
.__sportangebote.avia-section::before {content: ""; position: absolute; top: 0; right: 30%; width: 2px; height: 100px; background: #fff;}

@media screen and (min-width: 1024px){.__sportangebote.avia-section {padding: 250px 0;}	.__sportangebote.avia-section::before {height: 200px; right: 50%;}}
@media (max-width: 900px) {.__sportangebote .avia-icon-list-container ul.avia-icon-list {grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 600px) {.__sportangebote .avia-icon-list-container ul.avia-icon-list {grid-template-columns: 1fr;}}

/*MMR Sektion*/
/*
#top .__mmr-section .avia-button {background: var(--secondary); border: 1px solid var(--secondary) !important; color: #fff;}
#top .__mmr-section .avia-button:hover {background: #000; color: var(--secondary); border: 1px solid #000 !important;}
*/
#top .__mmr-section video {object-fit: cover; width: 100%; height: 100%;}
#top .__mmr-section .__mmr-logo {position: absolute; top: 15%;}

@media screen and (max-width: 1100px){ #top .__mmr-section .__mmr-logo {margin: 0 20px !important; max-width: 250px; top: 20%;}}

/*Blackbox*/
.__blackbox {background-color: var(--primary); color: #fff; padding: 50px; border-radius: 25px;}
.__blackbox h3 {color: #fff;}
.__blackbox .av_textblock_section p {padding-left: 30px;}
#top .__blackbox .avia-button:hover { background: #fff; border: 1px solid #fff!important; color: var(--primary) !important;}
#top .__blackbox .avia-button {margin-left: 30px; background: var(--secondary); border: 1px solid var(--secondary)!important; color: #fff !important;}

/*Blaue Sektion mit After*/
.__b-section {position: relative; overflow: hidden;}
.__b-section:before {content: ""; position: absolute; left: 0; right: 0; top: -120px; height: 312px; background: url(/wp-content/uploads/2025/07/tsv-w-two-center.png) no-repeat center center; background-size: contain; z-index: 11;}

.__b-section:after {    
    content: "";
    position: absolute;
    left: -10%;
    right: 0;
    top: 50%;
    opacity: .5;
    height: 60rem;
    width: auto;
    background: url(/wp-content/uploads/2025/07/tsv_icons_blauer-streifen.svg) no-repeat left bottom;
    background-size: contain;
    z-index: 0;
}

/* =======================================================================================================================================
Blog: Single Post
======================================================================================================================================= */
#top .template-single-blog article.post-entry .big-preview{max-width: 720px; margin: inherit;}
#top .fullsize .template-blog .post .entry-content-wrapper{max-width: 720px; text-align: left; line-height: 1.6; font-size: var(--step-0);}
#top .template-single-blog article.post-entry .entry-content-wrapper header h1{text-align: left; font-size: var(--step-3); padding: 1rem 0}
#top .template-single-blog article.post-entry .entry-content-wrapper header .post-meta-infos{text-align: left; font-size: var(--step--1);}


/* =======================================================================================================================================
Page Title Section
======================================================================================================================================= */
#top .__page--title--section{
    background-color: #EBEBEB;
    min-height: 70vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 10vh;
}
#top .__page--title--section > figure{
    background-color: var(--secondary);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all .2s ease;
}
#top .__page--title--section > figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: all .2s ease;
    animation: reveal-img-right 1.2s cubic-bezier(0.77,0,0.175,1) both;
}

@keyframes reveal-img-right {
    0% {
        clip-path: inset(0 0 0 100%);
        opacity: 0.5;
        transform: translateX(100px);
    }
    60% {
        opacity: 1;
    }
    100% {
        clip-path: inset(0 0 0 0);
        opacity: 1;
        transform: translateX(0);
    }
}

#top .__page--title--section h1{
    position: relative;
    color: #fff;
    display: inline-block;
    margin: 0 !important;
    max-width: 560px;
}
#top .__page--title--section h1 figure{
    position: absolute;
    top: 50%;
    right: -3em;
    aspect-ratio: 247 / 150;
    height: 200%;
    max-height: 3em;
    width: auto;
    translate: 0 -50%;
    transform: scale(3);
    transform-origin: right center;
}
#top .__page--title--section h1 figure img{width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block;}
#top .__page--title--section h1 span{position: relative; z-index: 5;}
#top .__page--title--section h1::after{
    content: "";
    position: absolute;
    right: -.2em;
    bottom: -1.5em;
    height: 2em;
    aspect-ratio: 1 / 1;
    pointer-events: none;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
#top .__page--title--section h1[data-title="Basketball"]::after{background-image: url(img/sport-basketball.svg);}
#top .__page--title--section h1[data-title="Tennis"]::after{background-image: url(img/sport-tennis.svg);}
#top .__page--title--section h1[data-title="Fussball"]::after{background-image: url(img/sport-fussball.svg);}
#top .__page--title--section h1[data-title="Eisstock"]::after{background-image: url(img/sport-eisstock.svg);}
#top .__page--title--section h1[data-title="Turnen & Leichtathletik"]::after{background-image: url(img/sport-turnen-leichtathletik.svg);}
#top .__page--title--section h1[data-title="Vital"]::after{background-image: url(img/sport-vital.svg);}

@media screen and (min-width: 1100px){
    #top .__page--title--section > figure{width: 66%; height: 90%;}
}


/* =======================================================================================================================================
Styled Section 1
======================================================================================================================================= */
#top .__styled--section--1 .entry-content-wrapper .av_one_half:not(.first) .avia-image-container,
#top .__styled--section--1 .entry-content-wrapper .av_one_half:not(.first) .avia-image-container *{max-width: unset;}
#top .__styled--section--1 .entry-content-wrapper .av_one_half:not(.first) .avia-image-container img{max-width: calc(100% + 50px);}

@media screen and (min-width: 990px){
    #top .__styled--section--1 .entry-content-wrapper .av_one_half:not(.first) .avia-image-container img{
        max-width: calc(100% + 150px);
    }
}

@media screen and (min-width: 1440px){
    #top .__styled--section--1 .entry-content-wrapper .av_one_half.first{
        padding: 24vh 0 0 8vw;
    }
}


/* =======================================================================================================================================
Formular
======================================================================================================================================= */
#top .input-text, 
#top input[type=email], 
#top input[type=input], 
#top input[type=number], 
#top input[type=password], 
#top input[type=search], 
#top input[type=tel], 
#top input[type=text], 
#top input[type=url], 
#top select, 
#top textarea{
    font-family: var(--primary-font);
    padding: 1em;
    border-radius: .5em;
    border: 1px solid var(--secondary);
    margin: 0;
    font-size: var(--step-0);
}

#top .alternate_color .input-text, #top .alternate_color input[type='text'], #top .alternate_color input[type='input'], #top .alternate_color input[type='password'], #top .alternate_color input[type='email'], #top .alternate_color input[type='number'], #top .alternate_color input[type='url'], #top .alternate_color input[type='tel'], #top .alternate_color input[type='search'], #top .alternate_color textarea, #top .alternate_color select {
    border-color: #fff;
}

#top form label{font-size: var(--step-0)}
#top form button {
    font-size: var(--step-0);
    font-weight: 500;
    padding: .5em 1em;
    border-radius: 2em;
    background: var(--secondary);
    border: 1px solid var(--secondary) !important;
    color: #fff;
    text-decoration: none !important;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}

#top .alternate_color form button{
    background: var(--secondary);
    color: #fff;
    box-shadow: none;
    border: 1px solid var(--secondary) !important;
}

#top form button:hover {border: 1px solid var(--secondary) !important; background: var(--secondary); color: var(--primary); color: var(--secondary);}
#top .alternate_color form button:hover {border: 1px solid var(--secondary) !important; background: var(--secondary); color: var(--primary);}


/* Formidable Forms */
#top .frm_forms > form .frm_primary_label{
    color: inherit;
    font-weight: 700;
}
#top .frm_forms > form .frm_required{
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}
#top .frm_forms > form p.description, 
#top .frm_forms > form div.description, 
#top .frm_forms > form div.frm_description, 
#top .frm_forms > form .frm-show-form > div.frm_description, 
#top .frm_forms > form .frm_error, 
#top .frm_forms > form .frm_pro_max_limit_desc{
    color: inherit;
    font-size: var(--step-0);
}

#top button.frm_button_submit {
    font-family: var(--primary-font);
}

/* =======================================================================================================================================
Footer
======================================================================================================================================= */
#footer{padding: 8em 0 2em; font-size: var(--step-0)}
#footer .widget{margin: 0; overflow: visible}
#footer .widgettitle{font-size: var(--step-1)}
#footer .menu .menu-item a {font-size: var(--step-0);}
#footer .__footer-anschrift {font-size: var(--step--1);}

#footer .container{
	display: flex; 
	flex-wrap: wrap;
	gap: 2em;
}
#footer .container::after{display: none}
#footer .container .flex_column{width: 100%; flex-basis: 100%; flex-grow: 1; margin: 0 !important}
#footer .container .flex_column::before,
#footer .container .flex_column::after{display: none}
#footer .container .flex_column:nth-child(1) > *:nth-child(1){margin-bottom: 2em}
#footer .container .flex_column:nth-child(2){
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
	gap: 2rem;
	direction: rtl;
    text-align: left;
}
#footer .container .flex_column:nth-child(3){padding-top: 2em}

@media (min-width: 990px){
	#footer .container .flex_column:nth-child(1){flex-basis: 0; flex-grow: 1;}
	#footer .container .flex_column:nth-child(1){display: flex; flex-direction: column;}
	#footer .container .flex_column:nth-child(1) > *{max-width: 100%}
	#footer .container .flex_column:nth-child(1) > *:nth-child(1){margin-bottom: auto}
	#footer .container .flex_column:nth-child(2){flex-basis: 0; flex-grow: 2;}
}




#socket{font-size: var(--step-0);}
#socket .container{padding-top: 2rem; padding-bottom: 2rem;}
#socket #avia3-menu .avia-menu-text {text-transform: none;}
@media screen and (max-width: 1000px){#socket .menu {padding-top: 20px;}}

#top #wrap_all #footer .av-social-link-youtube a:focus, #top #wrap_all .av-social-link-youtube:hover a,
#top #wrap_all #footer .av-social-link-instagram a:focus, #top #wrap_all .av-social-link-instagram:hover a,
#top #wrap_all #footer .av-social-link-facebook a:focus, #top #wrap_all .av-social-link-facebook:hover a {
    color: var(--secondary);
    background-color: transparent;
}