.elementor-kit-11{--e-global-color-primary:#F76A2B;--e-global-color-secondary:#B63E07;--e-global-color-text:#062133;--e-global-color-accent:#1679BB;--e-global-color-ee5081e:#F7F0F0;--e-global-color-6295427:#FFFFFF;--e-global-color-bae01ed:#000000;--e-global-color-0e804f0:#00000000;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-size:3rem;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1.3em;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-size:2.5rem;--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:1.8rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-size:2rem;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-line-height:1.3rem;--e-global-typography-0788b5c-font-size:1.8rem;--e-global-typography-3f033ed-font-family:"DM Sans";--e-global-typography-3f033ed-font-size:6rem;--e-global-typography-3f033ed-font-weight:700;--e-global-typography-3f033ed-text-transform:uppercase;--e-global-typography-3f033ed-line-height:1.3em;--e-global-typography-0f532cc-font-family:"DM Sans";--e-global-typography-0f532cc-font-size:3rem;--e-global-typography-0f532cc-font-weight:300;--e-global-typography-0f532cc-text-transform:none;--e-global-typography-0f532cc-line-height:1.3em;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1260px;}.e-con{--container-max-width:1260px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-11{--e-global-typography-primary-font-size:2.5rem;--e-global-typography-text-font-size:1.6rem;--e-global-typography-3f033ed-font-size:5rem;--e-global-typography-0f532cc-font-size:2.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1004px;}.e-con{--container-max-width:1004px;}}@media(max-width:767px){.elementor-kit-11{--e-global-typography-primary-font-size:2.2rem;--e-global-typography-secondary-font-size:1.8rem;--e-global-typography-text-font-size:1.6rem;--e-global-typography-accent-font-size:1.8rem;--e-global-typography-accent-line-height:1.3em;--e-global-typography-3f033ed-font-size:3rem;--e-global-typography-0f532cc-font-size:2.2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:747px;}.e-con{--container-max-width:747px;}}/* Start custom CSS *//*======================= ▶VARIABLEN◀=======================*/
/*==== SAMMLUNG ELEMENTOR-VARIABLEN ====*/
/*
var(--e-global-color-primary)
var(--e-global-color-secondary)
var(--e-global-color-text)
var(--e-global-color-accent)
*/



/*======================= ▶DESKTOP◀=======================*/

/*==== GLOBALES REM AUF 10px SETZEN ====*/
:root {
    font-size: 62.5%; 
    /* Ändert 1rem von 16px zu 10px. Dadurch können in Elementor rem Werte verwendet werden, ohne Kommawerte ausrechnen zu müssen. 20px wird damit zu 2rem statt 1.188rem.*/
    /* Durch 62,5% statt statischen 10px werden die Browsereinstellungen respektiert und Barrierefreiheit gewährleistet.*/
} 
body {
    font-size:1.6rem;
    /*Damit wird die Baseline wieder auf 16px gesetzt. Das ist hilfreich, falls iframes oder externer Code auf rem zugreift, ohne die 62,5% Umwandlung zu kennen*/
    overflow-x:hidden;
}   

body {
    text-wrap:pretty;
}
/*==== KEIN ABSTAND NACH LETZTEM ABSATZ ====*/
.elementor-widget-text-editor p:last-child, .textwidget p:last-child{
    margin-bottom:0px;
    /*Standardmäßig durch Elementor aktiviert, wodurch Abstände zu Textblöcken schwer zu justieren sind*/
}


/*==== LINKS UNTERSTREICHEN ====*/
.elementor-widget-text-editor a, .textwidget a, .text-widget li a{
    text-decoration:underline;
    /*Die Unterstreichen Funktion im Hello Theme unterstreicht leider ALLE Links, auch in Buttons oder Menü*/
}

/*==== SCHATTEN ====*/
.shadow{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


/*==== HEADLINE BRACKETS & Gradient ====*/

.headline .elementor-heading-title::before{
    content:"[";
    margin-right:0.1em;
    display: inline-block;
}
.headline .elementor-heading-title::after{
    content:"]";
    margin-left:0.1em;
    display: inline-block;
}

.headline {
  
}

/*==== Gradient ====*/

.gradient.headline {
    background: -webkit-linear-gradient( var(--e-global-color-primary) 50%, var(--e-global-color-secondary) 100%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*==== HEADLINE 2 ====*/
.headline2 .elementor-heading-title{
    
    &::before {
        content:"[";
    margin-right:0.1em;
    display: inline-block;
    background: -webkit-linear-gradient( var(--e-global-color-primary) 50%, var(--e-global-color-secondary) 100%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    }
    
    &::after{
    content:"]";
    margin-left:0.1em;
    display: inline-block;
    background: -webkit-linear-gradient( var(--e-global-color-primary) 50%, var(--e-global-color-secondary) 100%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    }
}

.gradient2.headline2 {
    
}
/*SUBLINE*/

.subline::before {
    content:"";
    position:absolute;
    left: 0;
    top:50%;
    translate: calc((100% + 10px) * -1) -50% ;
    width:32px;
    height:6px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='6' viewBox='0 0 32 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 -1.39876e-06L0 2.79753e-06L3.04688 6L32 6L32 -1.39876e-06Z' fill='%23F76A2B'/%3E%3C/svg%3E");
}

.subline::after {
    content:"";
    position:absolute;
    right: 0;
    top:50%;
    translate: calc(100% + 10px) -50% ;
    width:32px;
    height:6px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='6' viewBox='0 0 32 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.5 6L0 6L0 1.43051e-06L32 1.46226e-06L29.5 6Z' fill='%23F76A2B'/%3E%3C/svg%3E");
}

@media (max-width:  1024px) {
    
   .subline{width: calc(100% - 42px - 20%)}
   
   
   
}
/*======================= ▶LAPTOP◀=======================*/
@media (max-width: 1366px) {



}

/*======================= ▶TABLET◀=======================*/
@media (max-width:  1024px) {
    
   
   
   
   
}

/*======================= ▶SMARTPHONE◀=======================*/
@media (max-width:  767px) {
    
    

}







/*
@media (max-width: 1366px){
    
}
@media (max-width:  1024px){
    
}

@media (max-width:  767px) {
    
}
*//* End custom CSS */