.elementor-kit-6{--e-global-color-primary:#096194;--e-global-color-secondary:#54595F;--e-global-color-text:#000A10;--e-global-color-accent:#61CE70;--e-global-color-c27f773:#00A1FF;--e-global-typography-primary-font-family:"Roboto";--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:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Rancho", Sans-serif;font-size:clamp(7rem, 5.258vw + 5.317rem, 12.5rem);font-weight:300;}.elementor-kit-6 h2{color:var( --e-global-color-text );font-size:clamp(3.5rem, 1.434vw + 3.041rem, 5rem);font-weight:300;line-height:1.4;}.elementor-kit-6 h3{font-size:2.5rem;font-weight:300;line-height:1.4;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:124rem;}.e-con{--container-max-width:124rem;--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){--kit-widget-spacing:2rem;}.elementor-element{--widgets-spacing:2rem 2rem;--widgets-spacing-row:2rem;--widgets-spacing-column:2rem;}{}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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
    /* Common */
    --radius: 0.5rem; 
    --content-width: 114rem;
    
    /* Header */
    --header-height: 9rem;
    
    /* Paddings, Gaps, ... */
    --gutter-min: 1.5rem;
    --gutter-max: 3.5rem;
    --gap: 2rem;
    --grid-gap: var(--gap);
    --hero-padding-top: 8rem;
    --hero-padding-bottom: var(--hero-padding-top);
    --main-padding: 4rem;
    
    
    /* Colors */
    --white: #fff;
    --primary: var( --e-global-color-primary);
    --secondary: var( --e-global-color-secondary );
    --light-blue: #00A1FF;
    
    --page-header-background: var( --primary );
    --page-header-color: var( --white );
   
}

.externbrink-bg {
    opacity: 0.1;
    position: absolute;
    top: -14rem;
    height: fit-content;
    width: var(--content-width);
    font-size: 24rem;
    text-align: center;
    color: var(--e-global-color-primary);
    font-family: 'Rancho', sans-serif;
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
    .externbrink-bg {
        font-size: 14rem;
        top: -8rem;
        /*left: 0;*/
    }
}

@media screen and (max-width: 480px) {
    .externbrink-bg {
        font-size: 8rem;
        top: -8rem;
        left: 0;
    }
}


/* @Simon: https://www.aleksandrhovhannisyan.com/blog/62-5-percent-font-size-trick/ 

Somit können wir n kleines bissle flexibler sein und harte px auf n Minimum reduzieren :)
*/
html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
}
/* ende font hack ;) */

.elementor-location-header > header > .e-con-inner {
    max-width: var(--content-width);
    width: 100%;
    
}

.page-heading {
    padding-inline: var(--gutter);
    max-width: var(--content-width);
    width: 100%;
}
/*
body:not(.home) .page-content {
    padding-inline: var(--gutter);
    max-width: var(--content-width);
    width: 100%;
}
*/
.highlight {
    /*padding-bottom: var(--main-padding);*/
    color: var(--e-global-color-primary);
}

.highlight.hl-dark {
    color: var(--light-blue);
}

.blue-link a {
    color: var(--light-blue);
}

.blue-link a:hover {
    color: #fff;
}


/* h1 subheader (not home) */
body:not(.home) .page-header {
    /* background: var(--page-header-background); */
    background: var(--e-global-color-primary);
    padding-inline: var(--gutter);
    display: flex;
}

body:not(.home) .page-header h1 {
    padding-block: var(--main-padding);
    max-width: var(--content-width);
    width: 100%;
    color: var(--page-header-color);
}

.btn--primary a {
    background: var(--e-global-color-primary);
}
.btn--primary.btn--outline .elementor-button {
    background-color: transparent!important;
    color: var(--e-global-color-text);
    border: 1px solid var(--e-global-color-text);
    border-radius: var(--radius);
}

.btn--primary.btn--outline .elementor-button:hover {
    color: #fff;
    background-color: var(--e-global-color-primary)!important;
}

/* unterseiten subheader (hello theme h1) */

main .page-header {
    background-image: url('https://polsterei-externbrink-kamen.de/wp-content/uploads/2024/11/slider-sofa-bg.webp')!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    position: relative;
    isolation: isolate;
}

main .page-header::before {
    position: absolute;
    content: '';
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(55deg, var(--e-global-color-text) 50%, rgba(0, 0, 0, 0.6) 100%);
    z-index: -1;
    opacity: 0.7;
}

/* n paar fluide spacings */
@supports(padding: clamp(1vw, 2vw, 3vw)) {
    :root {
    --space-xs: clamp(1.0666666667rem, calc(0.2650762094vw + 0.9712392313rem), 1.3333333333rem);
    --space-s: clamp(1.6rem, calc(0.3976143141vw + 1.4568588469rem), 2rem);
    --space-m: clamp(2.4rem, calc(0.5964214712vw + 2.1852882704rem), 3rem);
    --space-l: clamp(3.1992rem, calc(1.2930417495vw + 2.7337049702rem), 4.5rem);
    --space-xl: clamp(4.2645336rem, calc(2.4706425447vw + 3.3751022839rem), 6.75rem);
    --space-xxl: clamp(5.6846232888rem, calc(4.4138933511vw + 4.0956216824rem), 10.125rem);
    --section-space-xs: clamp(2.1333333333rem, calc(1.8555334659vw + 1.4653412856rem), 4rem);
    --section-space-s: clamp(3.2rem, calc(2.7833001988vw + 2.1980119284rem), 6rem);
    --section-space-m: clamp(4.8rem, calc(4.1749502982vw + 3.2970178926rem), 9rem);
    --section-space-l: clamp(6.3984rem, calc(7.0592445328vw + 3.8570719682rem), 13.5rem);
    --section-space-xl: clamp(8.5290672rem, calc(11.6510266402vw + 4.3346976095rem), 20.25rem);
    --section-space-xxl: clamp(11.3692465776rem, calc(18.8923990282vw + 4.5679829274rem), 30.375rem);
    --section-padding-x: clamp(3.5rem, calc(0vw + 3.5rem), 3.5rem);
    --gutter: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Rancho';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://polsterei-externbrink-kamen.de/wp-content/uploads/2024/11/rancho-v21-latin-regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */