/*
    sengcoll.com - 15.11.2025  */  

/*  Ausblenden Spezial-Motto 'Erfahren. Verlässlich. ...' im Header und Sticky-Menü
	dieses Motto wird auf Seite 'Seng Collegen' eingeblendet
	das seitherige Motto 'Integrität. Professionalität. ...' wird ausgeblendet
*/
div#imStickyBar_imTextObject_15,
div#imHeader_imTextObject_13 { display: none; }

/*  Responsives PageToTop Icon  */
@media only screen and (min-width: 721px) {
#imPageToTop { right: 0px !important; bottom: 3px !important; } }
@media only screen and (max-width: 720px) {
#imPageToTop { right: 0px !important; bottom: 24px !important; } }

/*  Hintergrundfarbe Startseite  */
body { background-color: #bec8be !important; }

/*  Hamburger Ebenen-Menü beim Klicken über den Telefon- und Mail-Button stellen   */
#imStickyBar_imMenuObject_19-menu-opened,
#imHeader_imMenuObject_02-menu-opened {z-index: 999999 !important; transition: 0.2s; 
   /* etwas verzögertes, seitliches Einblenden des Ebenenmenüs */ }

/*  Close-Button "X" weiss überschreiben  */
button.clear-button-style.hamburger-menu-close-button { color: white !important; }

/*  CSS für FontAwesome icons 
	inkl. Liste aller verwendeten fa-icons
	für content code: https://astronautweb.co/snippet/font-awesome/  */
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit;
    text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-navbar { display: inline-block; font-family: FontAwesome; font-size: 18px; color: white; text-rendering: auto;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-phone:before { content: "\f095" }
.fa-phone-square:before { content: "\f098" }
.fa-home:before { content: "\f015" }
.fa-user:before { content: "\f007" }
.fa-envelope-o:before { content: "\f0e0" }
.fa-globe:before { content: "\f0ac" }
.fa-arrow-up:before { content: "\f062" }
.fa-expand:before { content: "\f065" }

/*  CSS für Verlinkungen
	Verlinkungen im Footer umfärben  */
.btn_address { font-family: 'ERAS-Medium', sans-serif; color: black; text-decoration: underline; }
.btn_address:hover { color: blue; text-decoration: none; }
.btn_address_nc { font-family: 'ERAS-Medium', sans-serif; color: #e0e0e0; cursor: none; }
.btn_flink { font-family: 'ERAS-Medium', sans-serif; color: black; text-decoration: none; }
.btn_flink:hover { color: blue; text-decoration: none; }

/*  Seitennavigation für Telefon, Mail  */
#mySidenav span a { text-decoration: none; color: white; }
#mySidenav span { display: inline-block; font-family: 'ERAS-Medium', sans-serif; position: fixed; color: white;
    background-color: rgba(0,0,0,0.5); text-decoration: none; letter-spacing: 0.2px; z-index: 999; }  /*  max. z-index  */
#mySidenav span:hover { right: 0; background-color: #01663f; }

/*  Positionierung der seitlichen Nav-Buttons - 14.11.2025  */
@media only screen and (min-width: 961px) {
#mySidenav span { font-size: 16px; line-height: 1.1em; padding: 8px 8px 8px 5px; width: 230px; right: -205px; 
	transition: 0.1s; transition-delay: 0.1s;}
#phone { top: 52px; }
#mail { top: 94px; }
#lang { top: 136px; } }

@media only screen and (min-width: 721px) and (max-width: 960px) {
#mySidenav span { font-size: 16px; line-height: 1.1em; padding: 8px 8px 8px 5px; width: 230px; right: -205px; 
	transition: 0.2s; transition-delay: 0.2s;  /* 0.2s Anti-Prell für Touchscreens */}
#phone { top: 105px; }
#mail { top: 147px; }
#lang { top: 189px; } }

@media only screen and (max-width: 720px) {
#mySidenav span { font-size: 16px; line-height: 1.2em; padding: 6px 8px 6px 5px; width: 210px; right: -185px; 
	transition: 0.2s; transition-delay: 0.2s;  /* 0.2s Anti-Prell für Touchscreens */} 
#phone { top: 130px; z-index: 999 !important; }
#mail { top: 168px; z-index: 999 !important; }
#lang { top: 206px; z-index: 999 !important; } }