/*
Theme Name: Gerstenberg Living
Description: Schlankes GeneratePress-Child-Theme mit in Elementor gepflegten Seiten und Layouts.
Author: Gerstenberg Living
Template: generatepress
Version: 1.0.0
Text Domain: gerstenberg-living
Update URI: false
*/
:root{--gl-ink:#102f44;--gl-gold:#e1a660;--gl-white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{position:relative;margin:0;background:#fff;color:var(--gl-ink);font-family:"Gothic A1",sans-serif;font-size:16px;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{max-width:100%;height:auto}
.gl-main{width:100%;margin:0;overflow:clip}
.gl-main:focus{outline:none}
.gl-layout{width:100%}
.gl-layout-header{position:absolute;left:0;top:0;z-index:100}
.gl-skip-link{position:absolute;left:1rem;top:-10rem;z-index:999999;padding:.75rem 1rem;background:var(--gl-ink);color:#fff}
.gl-skip-link:focus{top:1rem}
.gl-main .elementor{margin:0}
@media(min-width:1025px){
 body .elementor .gl-vertikale-linien::before,body .elementor .gl-vertikale-linien::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;height:100%;width:60%;border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;pointer-events:none;z-index:0}
 body .elementor .gl-vertikale-linien::after{width:20%}
}
@media(min-width:1950px){body .elementor .gl-vertikale-linien::before{width:1152px}body .elementor .gl-vertikale-linien::after{width:384px}}
@media(min-width:1024px) and (max-width:1400px){
 body .elementor-33 [data-interaction-id="546ab5da"],body .elementor-225 [data-interaction-id="546ab5da"]{font-size:81px}
 body .elementor-33 [data-interaction-id="3aad8e60"],body .elementor-225 [data-interaction-id="3aad8e60"]{font-size:14px;padding-right:60px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.gl-layout-footer{overflow:clip}

/* Spacing between page content and footer in the source theme. */
body:is(.page-id-215,.page-id-217,.page-id-218,.page-id-219,.page-id-220,.page-id-221,.page-id-222,.page-id-223,.page-id-224,.page-id-226,.page-id-227,.page-id-229,.page-id-230,.page-id-231,.page-id-232,.page-id-233) .gl-main{padding-bottom:70px}body:is(.page-id-33,.page-id-225) .gl-main{padding-bottom:50px}

/* Shared keyboard focus and accessible headings, without changing layout. */
.gl-main :is(h1,h2).screen-reader-text{position:absolute!important;inset-inline-start:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.gl-website :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--gl-gold);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.gl-website *, .gl-website *::before, .gl-website *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}.gl-website .gl-motion-target{opacity:1!important;translate:none!important;scale:none!important;clip-path:none!important}}

/* Balance long translated hero headings inside the visible page. */
body :is(.elementor-33,.elementor-225) [data-interaction-id="546ab5da"]{text-wrap:balance}

/* Complete mobile service headings and shared project actions. */
@media(max-width:767px){body .gl-main .elementor:is(.elementor-33,.elementor-225) [data-interaction-id="6bb87289"]{white-space:normal}}
body .gl-main :is(.elementor-237,.elementor-238) [data-interaction-id="416442d1"]:hover{background-color:var(--gl-gold);color:var(--gl-ink)}

/* Keep the mobile values heading inside the page while preserving its fade. */
@media(max-width:767px){body .gl-main :is(.elementor-33,.elementor-225) [data-interaction-id="6dfa7bef"]{translate:none!important;width:90%}body .gl-main :is(.elementor-33,.elementor-225) [data-interaction-id="482b9c33"]{white-space:normal}}

