/* GerickeIT Farbthemen – gesteuert über */
:root,html[data-theme="blau"]{
--th-primary:#009DD5;--th-primary-rgb:0,157,213;--th-primary-dark:#0083B3;--th-primary-deep:#005273;--th-primary-tint:#d9f0f8;
--th-ink:#0077A3;--th-heading:#02243E;--th-subheading:#009DD5;--th-contrast:#02243E;
--th-hero-bg:linear-gradient(100deg,#e3f3fb 0%,#f2f9fd 55%,#ffffff 100%);
--th-accent:#D12D24;--th-accent-hover:#B02620;--th-accent-text:#fff;--th-accent-ink:#C62828;--th-link-dark:#4FC3EE;
}
html[data-theme="anthrazit"]{
--th-primary:#2B2F33;--th-primary-rgb:43,47,51;--th-primary-dark:#1f2226;--th-primary-deep:#141619;--th-primary-tint:#e4e6e8;
--th-ink:#2B2F33;--th-heading:#1f2226;--th-subheading:#C62828;--th-contrast:#1f2226;
--th-hero-bg:linear-gradient(100deg,#eceef0 0%,#f6f7f8 55%,#ffffff 100%);
--th-accent:#D12D24;--th-accent-hover:#B02620;--th-accent-text:#fff;--th-accent-ink:#C62828;--th-link-dark:#ff8a80;
}
html[data-theme="petrol"]{
--th-primary:#0F5966;--th-primary-rgb:15,89,102;--th-primary-dark:#0b4650;--th-primary-deep:#072f36;--th-primary-tint:#d9eaed;
--th-ink:#0F5966;--th-heading:#072f36;--th-subheading:#0F5966;--th-contrast:#072f36;
--th-hero-bg:linear-gradient(100deg,#e2eff1 0%,#f1f7f8 55%,#ffffff 100%);
--th-accent:#FF8700;--th-accent-hover:#E67A00;--th-accent-text:#1d1d1b;--th-accent-ink:#A85600;--th-link-dark:#FFB04D;
}
/* Buttons: leicht abgerundet, Schatten beim Hover (Google-Stil) */
.btn,#gi-cc button{border-radius:6px;font-weight:500;letter-spacing:.01em;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}
.btn:hover,#gi-cc button:hover{box-shadow:0 1px 2px rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15)}
.btn:active,#gi-cc button:active{box-shadow:0 1px 2px rgba(60,64,67,.3)}
.btn:focus-visible{outline:2px solid var(--th-primary);outline-offset:2px}
/* Haupt-Buttons = Akzentfarbe (Call-to-Action) */
.btn-primary,.btn-primary:not(:disabled):not(.disabled),.btn-success,.btn-success:not(:disabled):not(.disabled){color:var(--th-accent-text);background-color:var(--th-accent);border-color:var(--th-accent)}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,
.btn-success:hover,.btn-success:focus,.btn-success:not(:disabled):not(.disabled):active{color:var(--th-accent-text);background-color:var(--th-accent-hover);border-color:var(--th-accent-hover)}
/* Links auf dunklem Hintergrund */
.frame-background-dark a:not(.btn),.frame-background-dark a:not(.btn):hover{color:var(--th-link-dark)}
/* Farbwahl im Footer */
.gi-theme-dots{display:inline-flex;align-items:center;gap:7px}
.gi-theme-dots button{width:14px;height:14px;padding:0;border-radius:50%;border:2px solid #262626;box-shadow:0 0 0 1px #555;cursor:pointer;transition:box-shadow .2s}
.gi-theme-dots button:hover{box-shadow:0 0 0 1px #aaa}
.gi-theme-dots button[aria-pressed="true"]{box-shadow:0 0 0 2px #fff}
/* Footer: fehlende Icons (Google, WhatsApp) */
.sociallinks-link-google .sociallinks-link-icon:before,.sociallinks-link-whatsapp .sociallinks-link-icon:before{content:"";display:block;width:17px;height:17px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.48%2010.92v3.28h7.84c-.24%201.84-.853%203.187-1.787%204.133-1.147%201.147-2.933%202.4-6.053%202.4-4.827%200-8.6-3.893-8.6-8.72s3.773-8.72%208.6-8.72c2.6%200%204.507%201.027%205.907%202.347l2.307-2.307C18.747%201.44%2016.133%200%2012.48%200%205.867%200%20.307%205.387.307%2012s5.56%2012%2012.173%2012c3.573%200%206.267-1.173%208.373-3.36%202.16-2.16%202.84-5.213%202.84-7.667%200-.76-.053-1.467-.173-2.053H12.48z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.48%2010.92v3.28h7.84c-.24%201.84-.853%203.187-1.787%204.133-1.147%201.147-2.933%202.4-6.053%202.4-4.827%200-8.6-3.893-8.6-8.72s3.773-8.72%208.6-8.72c2.6%200%204.507%201.027%205.907%202.347l2.307-2.307C18.747%201.44%2016.133%200%2012.48%200%205.867%200%20.307%205.387.307%2012s5.56%2012%2012.173%2012c3.573%200%206.267-1.173%208.373-3.36%202.16-2.16%202.84-5.213%202.84-7.667%200-.76-.053-1.467-.173-2.053H12.48z%22/%3E%3C/svg%3E") center/contain no-repeat}
.sociallinks-link-whatsapp .sociallinks-link-icon:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413z%22/%3E%3C/svg%3E")}
/* Mehr Weiß: große Farbflächen werden hell, Farbe nur für Header, Buttons, Überschriften */
.section-primary,.frame-background-primary{background-color:#fff;color:#2b2b2b}
.section-primary+.section-primary{border-top:1px solid #edf0f3}
.section-primary a:not(.btn),.frame-background-primary a:not(.btn){color:var(--th-ink)}
.section-primary a:not(.btn):hover,.section-primary a:not(.btn):focus,.frame-background-primary a:not(.btn):hover{color:var(--th-contrast)}
.frame-header .element-header{color:var(--th-heading)}
.frame-header .element-subheader{color:var(--th-subheading)}
.gi-icon>circle{fill:rgba(var(--th-primary-rgb),.12)}
.gi-icon>g{stroke:var(--th-primary)}
/* Dunkle Kontrastflächen (Formular-Boxen, Footer) */
.frame-background-secondary{background-color:var(--th-contrast)}
.frame-background-secondary .element-header{color:#fff}
html .gi-footer{background:var(--th-contrast)}
html .gi-footer .gi-fbottom{border-top-color:rgba(255,255,255,.12)}
html .gi-footer .sociallinks-link{background:rgba(255,255,255,.08)}
.gi-theme-dots button{border-color:var(--th-contrast)}
.section-default .frame-inner>h2,.section-light .frame-inner>h2,.section-primary .frame-inner>h2{color:var(--th-heading)}
/* Heller Hero: dunkle Headline, Unterzeile in Akzentblau */
.carousel-item{background:var(--th-hero-bg) !important}
.carousel .carousel-backgroundimage{opacity:.13;filter:grayscale(1)}
.carousel .valign{color:var(--th-contrast) !important}
.carousel .carousel-header{color:var(--th-heading) !important;font-weight:700;letter-spacing:-.01em}
.carousel .carousel-subheader{color:var(--th-subheading) !important;font-weight:400;font-size:clamp(1.15rem,1rem + .9vw,1.6rem);line-height:1.4;margin-top:.6rem}
.carousel .carousel-text,.carousel .carousel-text p{color:#33475b}
.frame-header .element-header,.section-default .frame-inner>h2,.section-light .frame-inner>h2{font-weight:600}
/* Footer: Logo + Fernwartung */
html[data-theme="blau"]{--th-soft:#BFE6F7}
html[data-theme="anthrazit"]{--th-soft:#E4E6E8}
html[data-theme="petrol"]{--th-soft:#CBE6EA}
.gi-footer .gi-fbrand{padding:40px 0 30px;border-bottom:1px solid rgba(255,255,255,.14)}
.gi-footer .gi-fbrand .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.gi-footer .gi-flogo img{display:block;height:52px;width:auto}
.gi-footer a.gi-fremote{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:999px;background:var(--th-soft,#BFE6F7);color:var(--th-contrast);font-weight:600;transition:background-color .2s,box-shadow .2s}
.gi-footer a.gi-fremote:hover{background:#fff;color:var(--th-contrast);box-shadow:0 2px 10px rgba(0,0,0,.25)}
.gi-footer .gi-ftop{padding-top:40px}
/* Hero-Überschriften der Text-Slides (IT-Service-Unterseiten) */
.carousel .carousel-item-header{color:var(--th-heading) !important;font-weight:700;letter-spacing:-.01em}