/*
 Theme Name:   Team Teilhabe
 Description:  Team Teilhabe | WordPress Child Theme
 Author:       Neckarmedia
 Author URI:   https://www.neckarmedia.com
 Template:     enfold
*/

/* figtree-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: 'Figtree';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/figtree-v9-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* 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-v9-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-v9-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-600 - 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: 600;
  src: url('fonts/figtree-v9-latin-600.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-v9-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* marlin-sans-005 */
@font-face {
  font-display: swap;
  font-family: 'Marlin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/marlin-sans-005-regular.woff2') format('woff2');
}

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

:root {
  --step--1: clamp(0.8889rem, 0.8878rem + 0.0045vw, 0.8929rem);
  --step-0: clamp(1rem, 0.9666rem + 0.1423vw, 1.125rem);
  --step-1: clamp(1.125rem, 1.0469rem + 0.3331vw, 1.4175rem);
  --step-2: clamp(1.2656rem, 1.1267rem + 0.5927vw, 1.7861rem);
  --step-3: clamp(1.4238rem, 1.2032rem + 0.9413vw, 2.2504rem);
  --step-4: clamp(1.6018rem, 1.2725rem + 1.405vw, 2.8355rem);
  --step-5: clamp(1.802rem, 1.3294rem + 2.0165vw, 3.5728rem);
  --step-6: clamp(2.0273rem, 1.3669rem + 2.8178vw, 4.5017rem);
  --step-7: clamp(2.2807rem, 1.3755rem + 3.8621vw, 5.6721rem);
}

:root {
    --primary-font: 'Figtree', sans-serif;
    --heading-font: 'Marlin Sans', sans-serif;
    --tt-green: #28402A;
    --tt-light-green: #9FCB80;
    --tt-apricot: #ECA17F;
    --tt-light-blue: #BDE2F1;
    --tt-warm-yellow: #FED386;
    --tt-black: #000000;
    --tt-white: #fff;
    --tt-border-radius: clamp(24px, 17.1px + 1.839vw, 48px);
}


/* =======================================================================================================================================
Typo
======================================================================================================================================= */
html{-webkit-tap-highlight-color: transparent;}
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 1em;}
h1,h2,h3,h4,h5,h6{
    font-family: var(--heading-font); 
    font-weight: 400 !important; 
    line-height: 1.12; 
    letter-spacing: 0 !important; 
    text-transform: inherit !important; 
    margin: 0 0 .4em 0 !important;
}

#top h1{font-size: var(--step-6);}
#top h2{font-size: var(--step-5);}
#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 .av-special-heading-tag{float: 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}

#top .textwidget a,
#top .avia_textblock a,
#top .toggle_content a{
    border-bottom: 1px dotted;
    transition: color .2s;
}
#top .textwidget a:hover,
#top .avia_textblock a:hover,
#top .toggle_content a:hover{
    color: var(--tt-apricot);
}

#top mark{color: var(--tt-light-green);}

::selection {
    background-color: color-mix(in srgb, var(--tt-warm-yellow) 80%, white 20%);
    color: var(--tt-black);
}

/* Button */
#top div .avia-button{
    font-size: var(--step-1);
    font-weight: 600;
    line-height: 1.2;
    padding: .6em 1.4em;
    margin: 0 .5em .5em 0;
    border-width: 2px !important;    
    border-style: solid;
    border-radius: 1em;
    border-color: var(--tt-warm-yellow);
    background-color: var(--tt-warm-yellow);
    color: var(--tt-green);
    text-decoration: none !important;
    transition: .2s ease;
}
#top div .avia-button.avia-color-theme-color{border-color: var(--tt-warm-yellow); background-color: var(--tt-warm-yellow); color: var(--tt-green);}
#top div .avia-button.avia-color-dark{border-color: var(--tt-green); background-color: transparent; color: var(--tt-green);}
#top div .avia-button.avia-color-light{border-color: var(--tt-white); background-color: transparent; color:  var(--tt-white);}
#top div .avia-button.avia-color-white{border-color:  var(--tt-white); background-color:  var(--tt-white); color: var(--tt-green);}
#top div .avia-button.avia-color-blue{border-color:  var(--tt-light-blue); background-color:  var(--tt-light-blue); color: var(--tt-green);}
#top div .avia-button:hover{opacity: 1; box-shadow: 0 0 0 4px var(--tt-apricot);}

/* 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: 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){
    .html_header_top.html_header_sticky #top #wrap_all #main{padding-top: 140px !important;}
    #header .inner-container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 2em;
    }
    #header .inner-container > .logo{order: 1; margin-right: auto; position: relative;}
    #header .inner-container > nav{order: 3;}
}

/* Logo */
#header_main .inner-container > .logo,
#header_main .inner-container > .logo a{display: flex; 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: 48px !important;}

@media only screen and (min-width: 990px){
    #header_main .inner-container > .logo a svg,
    #header_main .inner-container > .logo a img{height: 64px !important;}
}

/* Navigation */
@media only screen and (min-width: 990px){
    #header_main .inner-container > nav.main_menu{display: flex; align-items: center; padding-top: 48px;}
    #header_main .inner-container > nav.main_menu > div,
    #header_main .inner-container > nav.main_menu > div > ul,
    #header_main .inner-container > nav.main_menu > div > ul > li{height: 100%}
    #header_main .inner-container > nav.main_menu > div > ul > li.menu-item{display: flex; align-items: center}
    #header_main .inner-container > nav.main_menu ul#avia-menu a{transition: .2s ease; font-weight: 500;}
    #header_main .inner-container > nav.main_menu ul#avia-menu > li:not(.current-menu-item) > a:hover{color: var(--tt-apricot)}
    #header_main .inner-container > nav.main_menu ul#avia-menu > li > a .avia-menu-text{border-bottom: 2px solid transparent;}
    #header_main .inner-container > nav.main_menu ul#avia-menu > li.current-menu-item > a .avia-menu-text{border-color: currentColor;}
    #header_main .inner-container > nav.main_menu ul#avia-menu > li > a{line-height: 1.4 !important; height: auto !important; font-size: var(--step-0); text-decoration: none; padding: 0 .6em;}
    #header_main .inner-container > nav.main_menu ul#avia-menu > li > a .avia-menu-text{display: inline-block;}
    #header_main .inner-container > nav.main_menu ul#avia-menu > li > ul.sub-menu{
        background-color: var(--tt-green);
        border: 2px solid var(--tt-white);
        border-radius: 1em;
        padding: 1em 0;
    }
    #header_main .inner-container > nav.main_menu ul#avia-menu > li ul.sub-menu li > a{
        font-size: var(--step-0); 
        border: 0;
        background-color: transparent;
        color: var(--tt-white);
    }
    #header_main .inner-container > nav.main_menu ul#avia-menu > li ul.sub-menu li > a:hover,
    #header_main .inner-container > nav.main_menu ul#avia-menu > li ul.sub-menu li.current-menu-item > a{
        color: var(--tt-light-green);
    }
}

@media only screen and (min-width: 1280px){
    #header_main .inner-container > nav.main_menu ul#avia-menu > li > a{font-size: var(--step-1);}
}

/* Meta Menu */
#header_main .inner-container > nav.tt_meta_menu{
    line-height: 1.1;
    position: absolute;
    top: 50%;
    right: 44px;
    translate: 0 -50%;
    z-index: 200;
}
#header_main .inner-container > nav.tt_meta_menu > ul{
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    gap: .75em;
    padding: 0 .5em 0;
}
#header_main .inner-container > nav.tt_meta_menu > ul > li > a{
    font-size: var(--step--1);
    font-weight: 600;
    line-height: 1.2;
    padding: .6em 1.4em;
    margin: 0;
    border-width: 1px;    
    border-style: solid;
    border-radius: 1em;
    border-color: var(--tt-green);
    background-color: transparent;
    color: var(--tt-green);
    text-decoration: none !important;
    transition: .2s ease;
    display: flex;
    gap: 1em;
    align-items: center;
    white-space: nowrap;
}

#header_main .inner-container > nav.tt_meta_menu > ul > li:nth-child(1) > a{
    border-color: var(--tt-light-blue);
    background-color: var(--tt-light-blue);
    color: var(--tt-green);
}
#header_main .inner-container > nav.tt_meta_menu > ul > li:nth-child(1) > a::before{
    content: '\e800';
    font-family: 'tt-icons';
    scale: 1.5;
    font-weight: normal;
}

@media only screen and (min-width: 990px){
    #header_main .inner-container > nav.tt_meta_menu{
        position: absolute;
        top: 12px;
        right: 0;
        translate: 0;
    }
}

@media only screen and (max-width: 767px){
    #header_main .inner-container > nav.tt_meta_menu > ul > li:not(:nth-child(1)){
        display: none;
    }
    #header_main .inner-container > nav.tt_meta_menu > ul > li:nth-child(1) > a{
        max-width: 46px;
        overflow: hidden;
        white-space: nowrap;
        padding: 0.6em 10px;
    }
    #header_main .inner-container > nav.tt_meta_menu > ul > li:nth-child(1) > a::before{
        scale: 1;
        font-size: 24px;
    }
}

/* Hamburger Menu */
.av-hamburger-box{width: 32px}
.av-hamburger-inner, 
.av-hamburger-inner::before, 
.av-hamburger-inner::after{border-radius: 0}
#top ul#av-burger-menu-ul{vertical-align: top}
#top ul#av-burger-menu-ul li a:hover{background: inherit !important;}
#top ul#av-burger-menu-ul > li > a{font-size: var(--step-0);}
#top ul#av-burger-menu-ul > li li > a{font-size: var(--step--1);}


/* =======================================================================================================================================
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 */
#top .avia-section{float: none;}
#top .avia-section-default .content{padding-top: clamp(60px, 12vw, 160px); padding-bottom: clamp(60px, 12vw, 160px);}
#top .widgettitle{font-weight: inherit; text-transform: inherit; letter-spacing: inherit; font-size: inherit;}
#top .av-flex-placeholder{height: 1em;}

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

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

#top .avia-image-container.av-styling- img{border-radius: var(--tt-border-radius);}
#top .avia-image-container.av-styling-circle img{
    aspect-ratio: 1;
    object-fit: cover;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

/* Toggle */
#top section.av_toggle_section .toggler{
    padding: 1em 4em 1em 3rem; 
    margin: 0 0 .8em; 
    font-size: var(--step-1); 
    background: transparent; 
    border: 1px solid; 
    border-radius: 1.5em;
    font-family: var(--heading-font);
    transition: border .2s;
}
#top section.av_toggle_section .toggler:hover{background: transparent; border-color: var(--tt-apricot);}
#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: 2em;
    transition: .2s ease;
    rotate: 90deg;
}
#top section.av_toggle_section .toggler.activeTitle{border-color: transparent;}
#top section.av_toggle_section .toggler.activeTitle:after{rotate: 0deg}
#top section.av_toggle_section .toggle_content{border: 0; background: transparent; padding: 0 1em 1em 3rem;}
#top section.av_toggle_section .toggle_content *{font-size: var(--step-0);}

/* 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;}

/* Section --> Background Line */
#top .avia-section.__bg-line{
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%201920%20515'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='m1487.29%20514.65c-52.61%200-103.83-6.22-153.62-18.68-132.61-33.19-214.04-100.7-292.8-165.97-63.76-52.84-123.98-102.76-214.66-141.17-38.79-16.43-85.77-34.95-140.14-47.81-56.41-13.34-113.16-18.75-173.47-16.54-154.76%205.66-335.53%2061.74-552.62%20171.42l-55.34%2027.96-55.92-110.68%2055.34-27.96c233.39-117.92%20430.96-178.33%20603.99-184.66%20154.97-5.67%20267.74%2032.26%20366.51%2074.08%20107.45%2045.51%20180.76%20106.27%20245.43%20159.88%2074.32%2061.6%20138.51%20114.8%20243.78%20141.15%20166.71%2041.73%20358.72-4.33%20570.7-136.91%2048.89-30.57%2099.73-66.39%20151.12-106.46l48.89-38.13%2076.26%2097.78-48.89%2038.13c-54.75%2042.7-109.12%2080.99-161.63%20113.82-181.68%20113.62-353.55%20170.74-512.93%20170.74z'%20fill='%2328402a'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Box */
#top .flex_column.__box{
    padding: 8% 4%;
    background-color: var(--tt-white);
    border-radius: var(--tt-border-radius);
    min-height: 360px;
}
#top .flex_column.__box .avia_textblock *,
#top .flex_column.__box .av-special-heading *{color: var(--tt-green);}
#top .flex_column.__box.__outline{border: 2px solid var(--tt-green);}
#top .flex_column.__box.__yellow{background-color: var(--tt-warm-yellow);}
#top .flex_column.__box.__green{background-color: var(--tt-light-green);}

@media screen and (min-width: 990px){
    #top .flex_column.__box.__flex{display: flex; gap: 4em;}
    #top .flex_column.__box.__flex::before,
    #top .flex_column.__box.__flex::after{display: none;}
    #top .flex_column.__box.__flex > *{flex-basis: 0; flex-grow: 1;}
}

#top .avia-section.__box{margin: clamp(60px, 12vw, 120px) 0;}
#top .avia-section.__box .content{
    max-width: 1680px;
    padding: 0;
    border-radius: var(--tt-border-radius);
}
#top .avia-section.__box .content .entry-content-wrapper{
    padding: 8% 4%;
}

/* Icon List --> Big */
#top ul.av-iconlist-big{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
    gap: 4em;
}
#top ul.av-iconlist-big > li{
    display: flex; 
    gap: 1.75em;
    padding: 0;
}
#top ul.av-iconlist-big > li > .iconlist-timeline{display: none;}
#top ul.av-iconlist-big > li > .iconlist_icon{
    font-size: var(--step-4);
    height: 1em;
    width: 1em;
    min-width: 1em;
    line-height: 1;
    display: grid;
    place-items: center;
    margin: 0;
    color: currentColor;
    background: transparent;
    float: none;
    border-radius: 0;
    color: var(--tt-apricot);
}
#top ul.av-iconlist-big > li > article .iconlist_title{top: 0;}
#top ul.av-iconlist-big > li > article .iconlist_content p{margin: 1em 0 0 0;}

/* Icon List --> Small */
#top ul.av-iconlist-small{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1em;
}
#top ul.av-iconlist-small > li{
    display: flex; 
    align-items: flex-start; 
    gap: 1em;
}
#top ul.av-iconlist-small > li > .iconlist_icon{
    font-size: 1.25em;
    height: 1.25em;
    width: 1.25em;
    min-width: 1.25em;
    line-height: 1.25em;
    margin: 0;
    color: var(--tt-apricot);
}
#top ul.av-iconlist-small > li > .iconlist_icon > span{font-size: 1.25em;}
#top ul.av-iconlist-small > li > article{margin: .1em 0 0;}
#top ul.av-iconlist-small > li > article .av_iconlist_title{
    font-size: var(--step-1); 
    font-weight: 400;
    line-height: 1.12;
}
#top ul.av-iconlist-small > li > article .iconlist_content,
#top ul.av-iconlist-small > li > article .iconlist_content p{
    margin: .5em 0 0 0;
    font-size: var(--step--1);
    max-width: 620px;
}

/* Hero */
#top .avia-section.__box.__hero{margin: 0;}
#top .avia-section.__box.__hero .content .entry-content-wrapper{padding: 2em;}
#top .avia-section.__box.__hero .entry-content-wrapper .avia-builder-el-first{padding-top: 2em;}
#top .avia-section.__box.__hero .avia-builder-el-last .avia-image-overlay-wrap img{aspect-ratio: 1; object-fit: cover;}
#top .avia-section.__box.__hero .avia-builder-el-last .avia-image-overlay-wrap{position: relative;}
#top .avia-section.__box.__hero .avia-builder-el-last .avia-image-overlay-wrap::before{
    content: '';
    aspect-ratio: 1;
    width: 100%;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    translate: 55% 36%;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' width='96' height='96'%3E%3Cpath fill='%239FCB80' d='m90.38 35.39c0 4.5-1.75 8.72-4.93 11.91l-16.75 16.75c1.05-6.53-.91-13.46-5.94-18.49l-11.6-11.6 10.47-10.47c3.18-3.18 7.41-4.93 11.91-4.93s8.73 1.75 11.91 4.93 4.93 7.41 4.93 11.91m-45.55-1.45-11.6 11.6c-5.02 5.03-6.99 11.96-5.94 18.49l-16.75-16.75c-3.18-3.18-4.93-7.41-4.93-11.91s1.75-8.73 4.93-11.91c3.28-3.28 7.59-4.92 11.91-4.92s8.62 1.64 11.91 4.92l10.47 10.47zm-8.43 14.77 11.6-11.6 11.6 11.6c6.56 6.56 6.56 17.25 0 23.81-3.2 3.2-7.39 4.83-11.6 4.91-4.21-.08-8.39-1.7-11.6-4.91-6.56-6.56-6.56-17.24 0-23.81m58.46-13.33c0-5.69-2.22-11.04-6.24-15.07s-9.37-6.24-15.07-6.24-11.05 2.22-15.07 6.24l-10.47 10.47-10.47-10.47c-8.31-8.31-21.84-8.31-30.14 0-4.03 4.02-6.25 9.38-6.25 15.07s2.22 11.04 6.24 15.07l25.23 25.23c4.16 4.16 9.61 6.23 15.07 6.23.1 0 .21-.01.31-.01s.21.01.31.01c5.46 0 10.92-2.08 15.07-6.23l25.23-25.23c4.03-4.03 6.24-9.38 6.24-15.07'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#top.home .avia-section.__box.__hero .avia-builder-el-last .avia-image-overlay-wrap img{aspect-ratio: 3/4;}
#top.home .avia-section.__box.__hero .avia-builder-el-last .avia-image-overlay-wrap::before{scale: 1.2;}

@media screen and (min-width: 990px){
    #top .avia-section.__box.__hero .entry-content-wrapper .avia-builder-el-first{padding: 8% 0 4% 2em;}
}


/* Swiper Slider */
:root{
    --swiper-navigation-size: 32px;
    --swiper-theme-color: var(--tt-green);
}
#top .swiper-button-next, 
#top .swiper-button-prev{border-radius: .75em; border: 1px solid; padding: 0 .5em; width: auto; background-color: var(--tt-white);}
#top .swiper-button-next:after, 
#top .swiper-button-prev:after{font-family: 'tt-icons';}
#top .swiper-button-prev:after{content: '\e80a';}
#top .swiper-button-next:after{content: '\e80b';}


/* =======================================================================================================================================
Testimonial Swiper
======================================================================================================================================= */
#top .tt-testimonial-swiper-wrapper{
    position: relative; 
    padding: 0 2em;
    margin: 2em 0;
}
#top .ttTestimonialSwiper .swiper-slide{height: auto; padding-top: 3em;}
#top .ttTestimonialSwiper .tt-testimonial-swiper-inner{
    background-color: var(--tt-green);
    color: var(--tt-white);
    padding: 4em 2em 2em;
    border-radius: var(--tt-border-radius);
    height: 100%;
}
#top .ttTestimonialSwiper .tt-testimonial-swiper-inner *{color: var(--tt-white);}
#top .ttTestimonialSwiper .tt-testimonial-swiper-inner > figure{
    width: 6em;
    height: 6em;
    position: absolute;
    top: 0;
    right: 10%;
    pointer-events: none;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--tt-apricot);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath fill='%23fff' d='m80.88 14.67c-8.78-8.9-20.46-13.81-32.88-13.81s-24.1 4.91-32.88 13.81-13.62 20.74-13.62 33.33 4.84 24.43 13.62 33.33 20.46 13.81 32.88 13.81 24.1-4.91 32.88-13.81 13.62-20.74 13.62-33.33-4.84-24.43-13.62-33.33zm-32.88 74.93c-11.03 0-21.1-4.45-28.49-11.68 4-12.4 15.48-20.93 28.49-20.93s24.47 8.52 28.49 20.93c-7.39 7.23-17.42 11.68-28.49 11.68zm-13.62-51.91c0-7.6 6.12-13.81 13.62-13.81s13.62 6.21 13.62 13.81-6.12 13.81-13.62 13.81-13.62-6.21-13.62-13.81zm46.21 35.6c-4.02-9.51-11.89-16.74-21.39-19.96 4.79-3.51 7.91-9.22 7.91-15.63 0-10.66-8.57-19.33-19.08-19.33s-19.08 8.68-19.08 19.33c0 6.42 3.12 12.14 7.91 15.63-9.53 3.2-17.39 10.43-21.39 19.96-5.32-7.01-8.48-15.77-8.48-25.3 0-22.94 18.41-41.6 41.05-41.6s41.05 18.66 41.05 41.61c0 9.51-3.17 18.29-8.48 25.3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 66%;
    pointer-events: none;
}
#top .ttTestimonialSwiper .tt-testimonial-swiper-inner > figure img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#top .ttTestimonialSwiper .tt-testimonial-swiper-inner > figure:has(img){
    background-image: none;
}
#top .ttTestimonialSwiper .tt-testimonial-swiper-inner .tt-testimonial-swiper-name{
    font-family: var(--heading-font); 
    font-size: var(--step-2); 
    line-height: 1.25; 
    margin: 0 0 .5em 0; 
    max-width: 360px;
}
#top .ttTestimonialSwiper .tt-testimonial-swiper-inner .tt-testimonial-swiper-subtitle{
    font-family: var(--heading-font); 
    color: var(--tt-light-green); 
    margin: 1em 0 0;
}

@media screen and (min-width: 990px){
    #top .tt-testimonial-swiper-wrapper{padding: 0 6em;}
}


/* =======================================================================================================================================
Leistungen List
======================================================================================================================================= */
#top ul.tt-leistungen-list{
    margin: 2em 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 3em;
}
#top ul.tt-leistungen-list > li{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1em;
}
#top ul.tt-leistungen-list > li > .tt-leistungen-list-image a{display: block; height: 100%;}
#top ul.tt-leistungen-list > li > .tt-leistungen-list-image figure{
    display: block; 
    width: 100%; 
    height: 100%; 
    border-radius: var(--tt-border-radius); 
    overflow: hidden;
    transition: box-shadow .2s ease;
}
#top ul.tt-leistungen-list > li > .tt-leistungen-list-image a:hover figure{box-shadow: 0 0 0 4px var(--tt-apricot);}
#top ul.tt-leistungen-list > li > .tt-leistungen-list-image img{display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 3/2;}
#top ul.tt-leistungen-list > li > .tt-leistungen-list-content{
    padding: 4em 8%; 
    border-radius: var(--tt-border-radius); 
    border: 2px solid;
    display: flex;
    gap: 1.5em;
    align-items: flex-start;
}
#top ul.tt-leistungen-list > li > .tt-leistungen-list-content > div .tt-leistungen-list-excerpt{max-width: 520px;}
#top ul.tt-leistungen-list > li > .tt-leistungen-list-content > div .avia-button{margin: 1.5em 0 0;}

#top ul.tt-leistungen-list > li > .tt-leistungen-list-content::before{
    font-family: 'tt-icons';
    color: var(--tt-apricot);
    line-height: 1;
    font-size: var(--step-6);
    min-width: 1em;
    max-width: 1em;
}
#top ul.tt-leistungen-list > li[data-title="Beratung & Aufklärung"] .tt-leistungen-list-content::before{content: '\e802';}
#top ul.tt-leistungen-list > li[data-title="Assistenz im Alltag"] .tt-leistungen-list-content::before{content: '\e805';}
#top ul.tt-leistungen-list > li[data-title="Pflege"] .tt-leistungen-list-content::before{content: '\e807';}
#top ul.tt-leistungen-list > li[data-title="Wohnen"] .tt-leistungen-list-content::before{content: '\e803';}
#top ul.tt-leistungen-list > li[data-title="Fahrdienst & Begleitung"] .tt-leistungen-list-content::before{content: '\e806';}
#top ul.tt-leistungen-list > li[data-title="Teilhabe am Arbeitsleben"] .tt-leistungen-list-content::before{content: '\e807';}

@media screen and (min-width: 990px){
    #top ul.tt-leistungen-list > li{flex-direction: row;}
    #top ul.tt-leistungen-list > li > div{flex-grow: 1; flex-basis: 0;}
    #top ul.tt-leistungen-list > li > .tt-leistungen-list-image{min-height: 100%;}
    #top ul.tt-leistungen-list > li > .tt-leistungen-list-image img{aspect-ratio: none;}
    #top ul.tt-leistungen-list > li > .tt-leistungen-list-content{flex-grow: 2;}
}

@media screen and (min-width: 1440px){
    #top ul.tt-leistungen-list{padding-left: 15%;}
}


/* =======================================================================================================================================
Blog: Single Post
======================================================================================================================================= */
#top .template-single-blog article.post-entry .big-preview{max-width: 720px; margin: auto;}
#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);}


/* =======================================================================================================================================
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;
    margin: 0;
    font-size: var(--step--1);
}

#top form label{font-size: var(--step--1)}
#top form button{
	font-size: var(--step--1);
    font-weight: 700;
    padding: 1em 2em;
    border-radius: .5em;
    background: var(--enfold-main-color-color);
    color: var(--enfold-main-color-bg);
	border: 1px solid var(--enfold-main-color-color);
    box-shadow: none;
}
#top .alternate_color form button{
	background: var(--enfold-alternate-color-color);
    color: var(--enfold-alternate-color-bg);
}

/* 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--1);
}


/* =======================================================================================================================================
Footer
======================================================================================================================================= */
#footer{padding: 4em 0 2em;}
#footer .widget{margin: 0; overflow: visible;}
#footer .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1em 4em;
}
#footer .container::after{display: none;}
#footer .container > .flex_column{width: auto; margin: 0;}
#footer .container > .flex_column::before,
#footer .container > .flex_column::after{
    display: none;
}
#footer .container > .flex_column:nth-child(1){
    display: flex;
    flex-wrap: wrap;
    gap: 0 4em;
    align-items: flex-end;
}
#footer .container > .flex_column:nth-child(2) img.__logo{width: auto; height: 80px; margin: 2em 0 0;}

@media screen and (min-width: 768px){
    #footer{
        margin-top: 4em;
        padding: 0;
        background-color: var(--tt-white);
    }
    #footer .container{
        padding-top: 12em;
        padding-bottom: 2em;
        width: 1680px;
        max-width: calc(100vw - 100px);
        background-color: var(--enfold-footer-color-bg);
        border-radius: var(--tt-border-radius);
    }
    #footer .container > .flex_column:nth-child(2) img.__logo{width: auto; height: 120px;}
}


#socket{font-size: var(--step-0); border: 0;}
#socket .container {
    padding-top: 2em;
    padding-bottom: 4em;
    display: flex;
    flex-wrap: wrap;
    gap: 1em 6em;
    justify-content: space-between
}
#socket .container:after{display: none}
#socket .container .copyright{float: none}
#socket .container .copyright ul.__social--media--icons{margin: 0 2em 0 0}
#socket .container nav.sub_menu_socket{float: none; margin: 0}
#socket .container nav.sub_menu_socket div{overflow: visible}
#socket .container nav.sub_menu_socket ul.menu{margin: 0; display: flex; gap: 1em}
#socket .container nav.sub_menu_socket ul.menu li{
    float: none;
    line-height: inherit;
    padding: 0;
    border: 0
}
#socket a{
    transition: color .2s;
}
#socket a:hover{
    color: var(--tt-apricot);
}

#scroll-top-link{display: none;}