/*
Theme Name: AFB - hello-elementor-child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.2.1.1734420240
Updated: 2025-04-09 12:54:00

*/
:root{
   
    --e-global-color-primary:#030B10;
    --e-global-color-secondary:#910A2D;
    --e-global-color-text:#7A7A7A;
    --e-global-color-accent:#61CE70;
    --e-global-color-014391e:#ECECEC;
    --e-global-color-1feb73c:#393939;
    --e-global-typography-primary-font-weight:600;
    --e-global-typography-secondary-font-family:"Roboto Slab";
    --e-global-typography-secondary-font-weight:400;
    --e-global-typography-text-font-family:"Roboto";
    --e-global-typography-text-font-weight:300;
    --e-global-typography-text-text-transform:capitalize;
    --e-global-typography-accent-font-family:"Roboto";
    --e-global-typography-accent-font-weight:500;
    color:var( --e-global-color-primary );

    --wpforms-button-text-color: var(--e-global-color-primary);
    
    --e-global-color-primary-text:      #fff;
    
    --background-default:               #ffffff;
    --background-default-tranparent:    #ffffffd4;
    --background-akcent-section:        #fcfcfc;
    --background-header:                var(--e-global-color-primary);
    --background-header-dark:           #000;
    --background-header-light:          #FFF;
    --background-akcent-light:          var(--e-global-color-secondary);
    --background-akcent-dark:           var(--e-global-color-accent);
    --background-footer-default:        #3d3d3d;

    --color-accent-light:               #f9f9f9;

    --text-header-default:              #ffffff;
    --text-headline-color:              var(--e-global-color-primary);
    --text-footer-color:                #ffffff;
    --border-color-default:             #d3d3d3;
    --shadow-color-default:             #878484;

    --button-default-background:        var(--e-global-color-primary);
    --button-default-color:             var(--text-header-default);
    --button-hover-background:          var(--e-global-color-secondary);
    --button-hover-color:               var(--background-header-dark);
}

body{
    width:100%;     
    font-size:18px;
    color:var(--e-global-color-text);
    font-family: "Noto Sans Cypriot", Sans-serif, "Montserrat", "Arial", "Helvetica", Sans-serif; 
    font-weight:400;
    overflow: hidden;    
}
.wrapper{
    max-width:100%;
    margin:0 auto;
    padding:0;
    overflow-x: hidden;
    overflow-y:auto;
    height: 100vh;
}

.site-header{
    position: fixed;
    top:0;
    width: 100%;
    z-index: 2000;
    
    a{
        color:#fff;
    }
    
    a:hover{
        color:var(--e-global-color-secondary);
    }
}

#skip-link{font-size: 10px;color: var(--e-global-primary);}
#skip-link svg{width: 120px;font-weight:100;}

h1, .elementor-widget-heading h1.elementor-heading-title{font-size:2.5em}
h2, .elementor-widget-heading h2.elementor-heading-title{font-size:2.0em}
h3, .elementor-widget-heading h3.elementor-heading-title {font-size:1.8em}
h4, .elementor-widget-heading h4.elementor-heading-title{font-size:1.6em}

h1, 
h2, 
h3, 
h4,
.elementor-widget-heading .elementor-heading-title{
    color: var(--text-headline-color);
}
.elementor-button, .download-link, .wpgmza-api-consent{
    background-color: var(--button-default-background);
    color: var(--button-default-color);
    border-radius: 0;
    padding: 1rem 2rem;
    font-size: 1.2rem;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    transition: all .3s ease-in-out;
}
.elementor-button:focus, 
.elementor-button:hover, 
.elementor-button:visited, 
.download-link:focus, 
.download-link:hover, 
.download-link:visited,
.wpgmza-api-consent:hover{
    background-color: var(--button-hover-background);
    color: var(--button-hover-color);
}
.anww-external-link-icon{
    margin-left:.25em;
    fill:var(--e-global-color-primary);
}
.screen-reader-text, .anww-tooltip{
    max-width: unset !important;
}


.page-id-1332 .site-header .site-navigation{display:none}
.page-id-1332 .lang-switch-list .menu-item-1387{display:block;}
.site-logo{
    padding:0;
}

.site-navigation-toggle-icon{
    color: var(--text-header-default)
}

.elementor-widget-menu-anchor{
    position: absolute;
    top:-100px;
}

.image-block{
    min-height:48px
}
.imprint-table{
    width:auto;
    border:none;
}
.imprint-table td{
    padding:0 2em 0 0;
    border:none;
}

.imprint-table tr, .imprint-table td, 
table.imprint-table tbody>tr:nth-child(odd)>td, table.imprint-table tbody>tr:nth-child(odd)>th{background:none;}
.offers-list .eael-accordion-list .eael-accordion-content{position:absolute; background:var(--e-global-color-2a831de); z-index:300;}
.offers-list .offer-block{transition: all .5s ease-in-out}
.offers-list .offer-block:nth-child(even){background-color:var(--color-accent-light);}
.offers-list .offer-block:hover{background-color:var(--e-global-color-primary); color:var(--e-global-color-primary-text); transition:all .5s ease-in-out}
.offers-list .offer-block:hover .elementor-widget-heading .elementor-heading-title,
.offers-list .offer-block:hover .eael-accordion-tab-title,
.offers-list .offer-block:hover .eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-content { color:var(--e-global-color-primary-text) !important;}
.offers-list .offer-block:hover .eael-advanced-accordion-icon-opened svg,
.offers-list .offer-block:hover .eael-advanced-accordion-icon-closed svg{ fill:var(--e-global-color-primary-text)!important;}
.offers-list .offer-block:hover .elementor-divider-separator{border-color:var(--e-global-color-primary-text)!important;}

#content .page-content .elementor .saint-action.e-con,
.saint-action::before,
.saint-action::after {    
    background-color:var(--background-header);
    border:none;    
}

.saint-action::before,
.saint-action::after {
    content:'';
    background-color:var(--background-header);
    position: absolute;
    left:-50%;
    width:200%;
    height:150px;
    z-index:-1    
}

.saint-action::before{
    transform: rotate(-3deg);    
    top:-60px;
}

.saint-action::after{
    transform: rotate(-3deg);    
    bottom:-60px;
}

.saint-action{
    margin: 40px 0
}
.tag-cloude .e-con-inner{gap:2rem;}
.tag-cloude .elementor-widget-image .elementor-widget-container img{height:150px; width:auto}
.tag-cloude.partner .elementor-widget-image .elementor-widget-container img{height:70px}
.tag-cloude.wappen .elementor-widget-image .elementor-widget-container img{height:250px}
.tag-cloude .elementor-widget-image .elementor-widget-container, .text-link-to-outside{position:relative;}
.tag-cloude .elementor-widget-image .elementor-widget-container .edac-nww-external-link-icon,
.tag-cloude .anww-external-link-icon,
.anww-external-link-icon{position:absolute; right:0; top:0}
.anww-external-link-icon{top:-7px}
.wp-caption-text{margin:12px 0}
.text-link-to-outside{padding-right:1.1rem}
.text-link-to-outside .anww-external-link-icon{top:0}

.site-footer{ 
    background-color:var(--background-footer-default);
    color: var(--text-header-default);
    padding-block-end:0;
    .site-logo{max-width:300px;margin: 0;}
    a{
        color:inherit;
    }      
}

.site-footer .widget-title{color:var(--text-footer-color)}
.site-footer .wp-block-heading{
    color:inherit;
}
.site-footer .menu-footernavigation-container ul{
    list-style:none;
    padding: 0;
    display:flex;
    flex-direction:column;
    gap:.2em
}

.site-footer .menu-footernavigation-container a:hover{
    color:var(--e-global-color-primary);
    transition: all .7s ease-in-out;
}

.site-footer .footer-bottom{
    border-top:dotted 1px #d0d0d0;
    font-size:80%;
    text-align: center;
    color: #666;
    padding:.5rem 0;
    margin-top:1rem;
    
}

.hero{
    position: relative;
    top:0;
    left:0;
    width: 100%;
    height:100vh;
    z-index: 1;
    background-position:center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.hero.row50{
    height:50vh;
}

.hero.row33{
    height:33.333vh;
}

.hero.row25{
    height:25vh;
}

.page-content .elementor .hero .elementor-element .elementor-button-content-wrapper{
    flex-direction: column-reverse;
}

.hero .elementor-button-icon{
    justify-content:center;
    font-size:30px;
}
.container, .footer-bottom-inner{margin:auto}
i.edac-nww-external-link-icon{display:none;}
main .elementor>.elementor-element{
    padding:50px 0; 
    line-height: 1.5;
    overflow: hidden;
}

main .elementor>.map{
    padding-bottom:0
}

main .elementor .map{
    padding: 0;
}
.akcent-section, #content .elementor > .e-con.no-border-top:nth-of-type(2n+1).no-border-top{
    border-top-color:transparent;
}
.tow-cols, .e-con.e-flex.two-cols{
    flex:1 0 60%;
}
.one-col, .e-con.e-flex.one-col{
    flex:1 0 30%;
}

.akcent-section, #content .elementor > .e-con:nth-of-type(2n+1){
    background-color:var(--background-akcent-section);    
}

.block-container, #content img{
    border-radius:.5rem;
    border:solid 1px var(--border-color-default);
}

.block-container{
    padding:0;
    box-shadow:0 3px 3px var(--shadow-color-default);
    display: flex;
    justify-content: space-between;
    background-color: var(--background-default);
}
#content .block-container img{
    border-radius:.5rem .5rem 0 0;
}

.block-container .image-block-button .elementor-icon-list-item{
    font-size: 16px;
}

.block-container .e-n-accordion{
    position: absolute;
    width: 100%;
    min-height:30px
}

.image-block{
    position:relative;
    padding:0;
    
}

.image-block .image-container{
    position:relative; 
    padding: 0; 
    margin: 0; 
    display: block;
}

.image-block .image-headline{
    position:absolute;
    bottom: 0;
    text-align:center; 
    z-index: 100;
    border-width:1px 0;

}

.image-block-caption, .image-block .image-headline{
    position:absolute;
    background-color:var(--background-default-tranparent);
    border:solid 1px var(--border-color-default);
    
}

.image-block-caption h3{line-height: 1.3rem !important;}

.image-block-text,.image-block .image-headline{
    padding:0 1rem;
    line-height:1.5rem;
}
.no-top-border, #content .elementor .e-con.no-top-border{border-top-color: transparent !important;}

.wpforms-container input[type=date], 
.wpforms-container input[type=datetime], 
.wpforms-container input[type=datetime-local], 
.wpforms-container input[type=email], 
.wpforms-container input[type=month], 
.wpforms-container input[type=number], 
.wpforms-container input[type=password], 
.wpforms-container input[type=range], 
.wpforms-container input[type=search], 
.wpforms-container input[type=tel], 
.wpforms-container input[type=text], 
.wpforms-container input[type=time], 
.wpforms-container input[type=url], 
.wpforms-container input[type=week], 
.wpforms-container select, 
.wpforms-container textarea, 
.wp-core-ui div.wpforms-container input[type=date], 
.wp-core-ui div.wpforms-container input[type=datetime], 
.wp-core-ui div.wpforms-container input[type=datetime-local], 
.wp-core-ui div.wpforms-container input[type=email], 
.wp-core-ui div.wpforms-container input[type=month], 
.wp-core-ui div.wpforms-container input[type=number], 
.wp-core-ui div.wpforms-container input[type=password], 
.wp-core-ui div.wpforms-container input[type=range], 
.wp-core-ui div.wpforms-container input[type=search], 
.wp-core-ui div.wpforms-container input[type=tel], 
.wp-core-ui div.wpforms-container input[type=text], 
.wp-core-ui div.wpforms-container input[type=time], 
.wp-core-ui div.wpforms-container input[type=url], 
.wp-core-ui div.wpforms-container input[type=week], 
.wp-core-ui div.wpforms-container select, 
.wp-core-ui div.wpforms-container textarea{
    border:solid 1px var(--border-color-default);
    background-color: var(--background-akcent-section);
}

.wpforms-container .wpforms-field-label, 
.wp-core-ui div.wpforms-container .wpforms-field-label{
    font-weight:300!important;
    line-height:1.5rem
}

.wpforms-container .wpforms-field-sublabel, 
.wp-core-ui div.wpforms-container .wpforms-field-sublabel{
     line-height: 1.2rem;
}
.wpforms-submit, .wpgmza-api-consent{
    background-color:var(--e-global-color-primary);
    color:var(--text-header-default);
}

.wpgmza-centered{
    text-align:center;
}

.wpgmza-api-consent{
    margin: 0 auto;
    width:30%;
}
#content .partner-logos img{
    border:none;
    height:80px;
    width:auto;
}

.site-footer:not(.dynamic-footer){
    max-width:100%
}

.footer-widget .row{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.footer-widget .row .flex-item{
    flex:1 0 0%
}
.footer-widget .row .icon{
    height:20px;max-width:30px;
}
.footer-widget .row .icon svg{
    height:inherit;
    fill:var(--text-footer-color); 
    margin-right:1em; 
    margin-top:6px;
}

.site-logo figcaption,
.userway-s3-1 .hero,
.userway-s3-2 .hero,
.userway-s3-3 .hero{
    display:none;
}

.uwy.utb .uai img:not(.userway_check_on), 
.uwy.utb .ulsti img:not(.userway_check_on), 
.uwy.utb .ups img:not(.userway_check_on), 
body .uwy.utb .uai img:not(.userway_check_on), 
body .uwy.utb .ulsti img:not(.userway_check_on), 
body .uwy.utb .ups img:not(.userway_check_on),
body .uwy.utb .uai, body .uwy.utb .ulsti, body .uwy.utb .ups{
    width:48px !important;
    height:48px !important;
}

.youtube-consent-container{
    position: relative; 
}
.youtube-consent-container iframe{
    min-height:550px
}
.youtube-placeholder{
    background-color: var(--background-akcent-section); 
    height: 315px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    color: var(--e-global-color-text); 
    text-align: center; 
    padding: 1em;
    border:solid 1px var(--border-color-default);
}

.youtube-placeholder a{
    color:inherit;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change, 
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider:not(#CybotCookiebotDialogBodyLevelButtonNecessary input){
    background-color: var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive{
    color:var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CookiebotWidget .CookiebotWidget-consent-details button,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover{
    color:var(--e-global-color-primary) !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg{
    fill:var(--e-global-color-primary) !important;
}

#partners i.edac-nww-external-link-icon{display:block;position:absolute; right:0; bottom:0}

 .saint-tech-api-list .flex-item.image:has(.rcb-content-blocker), .site-description.show{display:none}
.rcb-content-blocker{margin:1rem auto; box-shadow:0px 2px 2px var(--shadow-color-default)}

.site-header .site-navigation-toggle .site-navigation-toggle-icon{
    color:var(--e-global-color-primary);
}

@media all and (max-width: 576px) {
    .container,
    .page-header .entry-title, 
    .site-footer .footer-inner,
    .site-footer .footer-bottom-inner,
    .site-header .header-inner, 
    .site-header:not(.dynamic-header), 
    body:not([class*="elementor-page-"]) .site-main,
    .e-con>.e-con-inner,
    .rcb-content-blocker,
    #saintmap{
        max-width:100%;
        margin:0 1rem;
    }

    .site-footer .footer-inner, .site-footer ul.menu{
        flex-direction:column;
        gap:1em
    }

    .site-footer .footer-inner{
        flex-direction:column-reverse;
    }

    .site-footer .menu li a{
        padding:6px 0;
        text-align:center;
        display: block;
        border: solid 1px var(--border-color-default);
        border-radius:4px;
    }

    .e-con>.e-con-inner, .wpgmza-api-consent{width:90%}
    .saint-tech-api-container .list-item, .saint-tech-api-container .tag-cloud{flex-direction:column;}
    .saint-tech-api-container .saint-tech-api-list .flex-item.image, 
    .saint-tech-api-container .saint-tech-api-list .flex-item.image img{max-width:100%;height:auto;width: 100%;}
    fieldset .wpforms-field-row.wpforms-field-large{flex-direction:column}
    .wpforms-container .wpforms-field fieldset .wpforms-field-row .wpforms-one-half{display:flex; flex-direction:column-reverse; width:100%;padding-inline:0}
}

@media (max-width: 768px) {
    .container,
    .page-header .entry-title, 
    .site-footer .footer-inner,
    .site-footer .footer-bottom-inner,
    .site-header .header-inner, 
    .site-header:not(.dynamic-header), 
    body:not([class*="elementor-page-"]) .site-main,
    .e-con>.e-con-inner,
    .rcb-content-blocker,
    #saintmap{
        max-width:620px;
        margin: auto;
    }
    .custom-logo{max-height:80px; width:auto;}
    .site-header::after{
        top:-10px;
        z-index:100
    }
    .site-header::before{
        z-index:200;
    }

    .site-header .site-logo{
        z-index:3000;
    }
    .site-navigation-toggle-holder{z-index:3001;}
}

@media (max-width: 992px) {
    .container,
    .page-header .entry-title, 
    .site-footer .footer-inner,
    .site-footer .footer-bottom-inner,
    .site-header .header-inner, 
    .site-header:not(.dynamic-header), 
    body:not([class*="elementor-page-"]) .site-main,
    .e-con>.e-con-inner,
    .rcb-content-blocker,
    #saintmap{
        max-width: 940px;
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .container,
    .page-header .entry-title, 
    .site-footer .footer-inner,
    .site-footer .footer-bottom-inner,
    .site-header .header-inner, 
    .site-header:not(.dynamic-header), 
    body:not([class*="elementor-page-"]) .site-main,
    .e-con>.e-con-inner,
    .rcb-content-blocker,
    #saintmap{
        max-width:1140px;
        width: 90%;
    }
}