/************************************ Autor: edm-service Marco Pracht www.webdesign24.biz Bearbeiter: M. Pracht Version: 1.7 Datum: 18.07.2026 Bemerkungen: Standard Reset für den MarKe-BusinessBuilder 1) Die ID´s #topleiste, #footer und #bottom müssen im HintergrundWrapper bei Themeinhaltselemente eingetragen werden (topleiste bei TopNav, Rest bei Footer). 2) FontFamily (--body-font-family: 'Source Sans 3', Helvetica, Arial, 'sans-serif';) in variables.css ersetzen 3) TopNav: Padding entfernen 4) Footer: color entfernen 5) Footer: Elementgruppe (ID: footer-col3) für Kontakt erstellen, Icons für Tel und E-Mail einbinden 6) Bottom: HiGru Wrapper und Grid mit Texten anlegen, 75/25, 66/33, eine Spalte 7) ToTop-Button eingefügt. 8) PrivacyOptIn-Button eingefügt *******************/ /************************************************** --> Google Fonts lokal einbinden ****************************************/ /* source-sans-3-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: normal; font-weight: 200; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-200italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: italic; font-weight: 200; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200italic.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200italic.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: normal; font-weight: 300; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: italic; font-weight: 300; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300italic.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300italic.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: normal; font-weight: 400; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-regular.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-regular.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: italic; font-weight: 400; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-italic.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-italic.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: normal; font-weight: 500; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: italic; font-weight: 500; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500italic.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: normal; font-weight: 600; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: italic; font-weight: 600; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600italic.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600italic.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: normal; font-weight: 700; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: italic; font-weight: 700; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700italic.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: normal; font-weight: 800; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-800italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: italic; font-weight: 800; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800italic.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800italic.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-900 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: normal; font-weight: 900; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /* source-sans-3-900italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Sans 3'; font-style: italic; font-weight: 900; src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900italic.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900italic.svg#SourceSans3') format('svg'); /* Legacy iOS */ } /************************************************** Google Fonts lokal einbinden --> ****************************************/ /*************************************************************************** --> Variablen ****************************************/ :root{ --font-size-topleiste: 0.8rem; --font-weight-topleiste: 400; --font-weight-navigation-main: 400; --font-size-footer: 0.9rem; --font-weight-footer: 400; --font-size-bottom: 0.8rem; --font-weight-bottom: 400; --move-to-top-bg: black; --move-to-top-bg-hover: grey; --move-to-top-color: black; } /***************************************************************** Variablen --> ****************************************/ /*************************************************************************** --> Allgemein ****************************************/ html:not(:has(.navigation-open)){ overflow-y: scroll; } /****************************************************************** Allgemein --> ****************************************/ /*************************************************************************** --> Topleiste / Meta-Navi ****************************************/ #topleiste .maxWidthContainerSize{ padding-top: 0; padding-bottom: 0; } #topleiste .bgWrapperInner{ padding: 5px 0; font-size: var(--font-size-topleiste); font-weight: var(--font-weight-topleiste); } #topleiste .bgWrapperInner p{ margin-left: 25px; } /***************************************************** Topleiste / Meta-Navi --> ****************************************/ /*************************************************************************** --> footer ****************************************/ #footer{ font-size: var(--font-size-footer); /*font-weight: var(--font-weight-footer);*/ } #footer a{ text-decoration: none; } /******************************************************************** footer --> ****************************************/ /*************************************************************************** --> bottom ****************************************/ #bottom{ font-size: var(--font-size-bottom); font-weight: var(--font-weight-bottom); } #bottom a{ text-decoration: none; } #bottom .bgWrapperInner{ padding-top: 10px; padding-bottom: 10px; } #bottom .bgWrapperInner .content-text{ margin-bottom: 0; } /******************************************************************** bottom --> ****************************************/ /*************************************************************************** --> Links ****************************************/ body.nav-is-desktop .navigation-main a, #topleiste a, #footer a, #bottom a, body div p a{ /* color: red;*/ transition: All var(--transition-duration) ease; -webkit-transition: All var(--transition-duration) ease; } /********************************************************************* Links --> ****************************************/ /*************************************************************************** --> Navi ****************************************/ /* Trennlinien zwischen den Menüpunkten entfernen*/ .submenu .level_2 li { border-bottom-width: 0px !important; } /* Zentrieren der Texte im Menü */ .submenu .level_2 li { text-align: center !important; } /* Klassen für die EclipseX-Hover-Animation */ .submenu .level_2 a span { position: relative; } .submenu .level_2 a span::before { position: absolute; content: ''; height: 1px; background: rgb(0, 0, 0); bottom: 0px; left: 0; width: 100%; transform: scaleX(0); transition: transform 0.3s ease-in-out !important; } .submenu .level_2 a:hover span::before { transform: scaleX(1); } /********************************************************************** Navi --> ****************************************/ /*************************************************************************** --> Aktuelles, News, Nachrichten ****************************************/ .mod_article .mod_newsreader .content-text, .mod_newsreader .back{ font-size: var(--body-font-size); } /********************************************** Aktuelles, News, Nachrichten --> ****************************************/ /*************************************************************************** --> ToTop-Button ****************************************/ /* -------------------------------------------------------------------------------------------------------------------------------- Anpassung 4: Move-To-Top-Button -------------------------------------------------------------------------------------------------------------------------------- */ html { /* Scroll-Verhalten einstellen */ scroll-behavior: smooth; } .move-to-top { /* Positionierung: Immer sichtbar, rechts unten */ position: fixed; bottom: 30px; right: 30px; /* Grösse und Form */ width: 50px; height: 50px; border-radius: 50%; /* Kreisrund machen */ border: solid 1px #AAAAAA; background-color: var(--move-to-top-bg); /*BW Grün vom Button*/ color: var(--move-to-top-color); /* Verstecken von Link-Unterstreichung */ text-decoration: none; /* Zentriert das Symbol im Kreis */ display: flex; justify-content: center; align-items: center; /* Schatten */ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Für Hover-Effekte */ transition: background-color 0.3s ease, transform 0.3s ease; /* Symbol-Grösse */ font-size: 24px; font-weight: normal; } /* Pfeil-Symbol erstellen */ .move-to-top .arrow-top { position: relative; top: 5px; width: 20px; height: 20px; rotate: 45deg; border-left: 2px solid ; border-right: 0px solid transparent; border-top: 2px solid; border-bottom: 0px solid transparent; } /* * HOVER EFFEKTE */ .move-to-top:hover { background-color: var(--move-to-top-bg-hover); /* Etwas helleres Grün beim Hovern */ transform: translateY(-5px); /* Button bewegt sich leicht nach oben */ } .move-to-top:active { transform: translateY(-2px); /* Drücken-Effekt */ } /************************************************************** ToTop-Button --> ****************************************/ /*************************************************************************** --> Open-Cookiebar-Button ****************************************/ /* -------------------------------------------------------------------------------------------------------------------------------- Anpassung 5: Open-Cookiebar-Button -------------------------------------------------------------------------------------------------------------------------------- */ #show-cookiebar-btn { position: fixed; bottom: 30px; left: 30px; /* Grösse und Form */ width: 50px; height: 50px; border-radius: 50%; overflow: hidden; /* Schatten */ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Für Hover-Effekte */ transition: background-color 0.2s ease, transform 0.2s ease; background-color: var(--lightgray-color); background-position: 5px 5px; background-size: 40px 40px; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNi4wMSA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzYuMDEgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDIwMjAzO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI5LjYyLDQuOTRjLTAuMTYsMC0wLjMxLTAuMDQtMC40Ni0wLjExQzI1LjMzLDIuODUsMjIsMiwxOC4wMiwyYy0zLjk3LDAtNy43MSwwLjk1LTExLjE0LDIuODIKCWMtMC40OSwwLjI2LTEuMDksMC4wOS0xLjM2LTAuNGMtMC4yNi0wLjQ5LTAuMDktMS4wOSwwLjQtMS4zNkM5LjY1LDEuMDMsMTMuNzIsMCwxOC4wMiwwQzIyLjI4LDAsMjYsMC45NCwzMC4wOCwzLjA1CgljMC40OSwwLjI1LDAuNjgsMC44NiwwLjQzLDEuMzVDMzAuMzMsNC43NCwyOS45OCw0Ljk0LDI5LjYyLDQuOTR6IE0xLDE1LjQ0Yy0wLjIsMC0wLjQtMC4wNi0wLjU4LTAuMTgKCWMtMC40NS0wLjMyLTAuNTYtMC45NC0wLjI0LTEuMzljMS45OC0yLjgsNC41MS01LDcuNTEtNi41NWM2LjI5LTMuMjUsMTQuMzMtMy4yNiwyMC42My0wLjAyYzIuOTksMS41NCw1LjUxLDMuNzIsNy41LDYuNQoJYzAuMzIsMC40NSwwLjIyLDEuMDctMC4yMywxLjM5cy0xLjA4LDAuMjItMS40LTAuMjNjLTEuOC0yLjUyLTQuMDgtNC41LTYuNzgtNS44OEMyMS42Nyw2LjEzLDE0LjM0LDYuMTQsOC42MSw5LjEKCWMtMi43MSwxLjQtNSwzLjM5LTYuNzksNS45M0MxLjYyLDE1LjMsMS4zMSwxNS40NCwxLDE1LjQ0eiBNMTMuNTEsMzkuNTdjLTAuMjYsMC0wLjUxLTAuMS0wLjcxLTAuM2MtMS43My0xLjc1LTIuNjctMi44Ni00LjAyLTUuMjcKCWMtMS4zOC0yLjQ2LTIuMTEtNS40Ny0yLjExLTguNjljMC01Ljk0LDUuMDgtMTAuNzgsMTEuMzMtMTAuNzhzMTEuMzMsNC44MywxMS4zMywxMC43OGMwLDAuNTUtMC40NSwxLTEsMXMtMS0wLjQ1LTEtMQoJYzAtNC44NC00LjE4LTguNzgtOS4zMy04Ljc4Yy01LjE0LDAtOS4zMywzLjk0LTkuMzMsOC43OGMwLDIuODgsMC42NCw1LjU0LDEuODUsNy43MWMxLjI5LDIuMywyLjE1LDMuMjksMy42OSw0Ljg0CgljMC4zOSwwLjM5LDAuMzksMS4wMy0wLjAxLDEuNDFDMTQuMDIsMzkuNDgsMTMuNzYsMzkuNTcsMTMuNTEsMzkuNTd6IE0yNy44NCwzNS44N2MtMi4zOCwwLTQuNDctMC42LTYuMi0xLjc3CgljLTIuOTctMi4wMi00Ljc1LTUuMy00Ljc1LTguNzhjMC0wLjU1LDAuNDUtMSwxLTFzMSwwLjQ1LDEsMWMwLDIuODEsMS40NSw1LjQ3LDMuODgsNy4xMmMxLjQxLDAuOTYsMy4wNywxLjQzLDUuMDcsMS40MwoJYzAuNDgsMCwxLjI5LTAuMDUsMi4wOS0wLjE5YzAuNTQtMC4xLDEuMDYsMC4yNywxLjE2LDAuODFzLTAuMjcsMS4wNi0wLjgxLDEuMTZDMjkuMTEsMzUuODYsMjguMTIsMzUuODcsMjcuODQsMzUuODd6IE0yMy44MSw0MAoJYy0wLjA5LDAtMC4xOC0wLjAxLTAuMjYtMC4wNGMtMy4xOS0wLjg3LTUuMjctMi4wNS03LjQzLTQuMmMtMi43OS0yLjc4LTQuMzMtNi40OS00LjMzLTEwLjQ0YzAtMy4yNSwyLjc2LTUuODksNi4xNi01Ljg5CglzNi4xNiwyLjY0LDYuMTYsNS44OWMwLDIuMTQsMS44NywzLjg5LDQuMTYsMy44OXM0LjE2LTEuNzQsNC4xNi0zLjg5YzAtNy41NC02LjUtMTMuNjctMTQuNDktMTMuNjdjLTUuNjksMC0xMC44OCwzLjE2LTEzLjIyLDguMDYKCWMtMC43OCwxLjYyLTEuMTcsMy41MS0xLjE3LDUuNjFjMCwxLjU2LDAuMTQsNC4wMiwxLjMzLDcuMjFjMC4xOSwwLjUyLTAuMDcsMS4wOS0wLjU5LDEuMjlDMy43NywzNC4wMSwzLjIsMzMuNzUsMywzMy4yMwoJYy0wLjk4LTIuNjMtMS40Ni01LjIxLTEuNDYtNy45MWMwLTIuNCwwLjQ2LTQuNTgsMS4zNy02LjQ3YzIuNjctNS41OCw4LjU3LTkuMTksMTUuMDItOS4xOWM5LjA5LDAsMTYuNDksNy4wMywxNi40OSwxNS42NwoJYzAsMy4yNS0yLjc3LDUuODktNi4xNiw1Ljg5cy02LjE2LTIuNjQtNi4xNi01Ljg5YzAtMi4xNC0xLjg3LTMuODktNC4xNi0zLjg5cy00LjE2LDEuNzQtNC4xNiwzLjg5YzAsMy40MSwxLjMzLDYuNjIsMy43NCw5LjAyCgljMS44OSwxLjg4LDMuNzMsMi45Miw2LjU1LDMuNjljMC41MywwLjE1LDAuODUsMC43LDAuNywxLjIzQzI0LjY1LDM5LjcxLDI0LjI1LDQwLDIzLjgxLDQweiIvPgo8L3N2Zz4K); } #show-cookiebar-btn a { opacity: 0.01; z-index: 2000; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #show-cookiebar-btn:hover { background-color: var(--lightgray-color); transform: scale(1.05); } #show-cookiebar-btn:active { transform: scale(1.0); } #show-cookiebar-btn p { opacity: 1; z-index: 1000; } #show-cookiebar-btn #show-cookiebar-symbol { text-align: center; top: 0px; left: 0px; position: absolute; font-size: 2rem; width: 100%; height: 100%; z-index: 1; } /***************************************************** Open-Cookiebar-Button --> ****************************************/