/*Copyright (C) WEBDESIGN-TODAY, https://www.webdesign-today.de - custom.css*/
/*CSS-ASSETS – GLOBAL | Gültig für alle Seiten und Layouts*/

/* =========================================================
01 – CSS-ASSETS – VENDOR
Externe / Drittanbieter Styles (lokal eingebunden)
========================================================= */

/* =========================================================
02 – SETTINGS
Globale Variablen (Farben, Schriftgrößen, Abstände)
========================================================= */

/* =========================================================
03 – FONTS & TYPOGRAFIE
Schriftarten, Icon Fonts, Font Awesome
========================================================= */

/* =========================================================
04 – ACCESSIBILITY
Skip-Link, Focus Styles, Screenreader Helpers
========================================================= */

/* =========================================================
05 – BASIS-STYLES
Body, Links, Listen, Bilder, Tabellen, HTML-Elemente
========================================================= */

/* =========================================================
06 – LAYOUT – GLOBAL
Container, Grid, Section-Abstände
========================================================= */

/* =========================================================
07 – UI – BUTTONS & INTERACTION
Buttons, Links, Hover-Effekte, Call-to-Action
========================================================= */

/* =========================================================
08 – UI – FORMULARE
Inputs, Selects, Labels, Textareas, Formularlayout
========================================================= */

/* =========================================================
09 – TEMPLATE – TOP-BAR
Top-Bar Module (sehr oben: z.B. Zusatzinfos, Social Icons)
========================================================= */

/* =========================================================
10 – TEMPLATE – HEADER
Header, Logo, Navigation, Menü
========================================================= */

/* =========================================================
11 – TEMPLATE – HERO / BANNER
Hero Sections, Page Header, große Bannerbereiche
========================================================= */

/* =========================================================
12 – TEMPLATE – TOP-A / TOP-B MODULE
Module direkt unter Hero / Banner, über den Systemmeldungen
========================================================= */

/* =========================================================
13 – TEMPLATE – SYSTEMMELDUNGEN
Joomla System Messages (Success, Warning, Error, Info)
Direkt über dem Component-Bereich
========================================================= */

/* =========================================================
14 – TEMPLATE – CONTENT / COMPONENT
Joomla-Komponenten, Beiträge, Kategorien, Bloglayouts
========================================================= */
#search-form{padding-top:2.2%}
/*Vergbit dr Suchfunktion auf der Suchergebnisseite einen Inneanbstand oben von 2.2% = Abstand oben synchron wie reguläre Suchfunktion...*/
#search-form label{display:none}
/*Blendet das Wort (Label) Suchbegriffe oberhalb der Suchfunktion auf der Suchergebnisseite aus */
#search-form .input-group{justify-content:center}
/*Richtet die Scuhfunktion auf der Suchergebnisseite mmittig aus*/


/* =========================================================
15 – TEMPLATE – SIDEBAR
Sidebar Modulpositionen (Left / Right)
========================================================= */

/* =========================================================
16 – TEMPLATE – BOTTOM-A / BOTTOM-B MODULE
Module direkt unter dem Component-Bereich, vor dem Footer
========================================================= */

/* =========================================================
17 – TEMPLATE – FOOTER
Footer, Copyright, Footer Navigation
========================================================= */

/* =========================================================
18 – TEMPLATE – BACK TO TOP
Scroll-to-Top Button
========================================================= */

/* =========================================================
19 – ERWEITERUNGEN
Drittanbieter Erweiterungen / Joomla Komponenten
========================================================= */

/* =========================================================
20 – SEITEN – STARTSEITE
Styles nur für die Homepage
========================================================= */

/* =========================================================
21 – SEITEN – KONTAKT
Styles nur für die Kontaktseite
========================================================= */

/* =========================================================
22 – SEITEN – BLOG / BEITRÄGE
Bloglayouts, Kategorien, Beitragsseiten
========================================================= */

/* =========================================================
23 – UTILITIES
Helper-Klassen (text-center, spacing, visibility)
WICHTIG: Können alles überschreiben (Override-Layer)
========================================================= */

/* =========================================================
24 – RESPONSIVE – DESKTOP
Anpassungen ab 1200px
========================================================= */

/* =========================================================
25 – RESPONSIVE – SMARTPHONE
Anpassungen bis 767px
========================================================= */

/* =========================================================
26 – RESPONSIVE – TABLET
Anpassungen 768px – 1199px
========================================================= */

/* =========================================================
27 – RESPONSIVE – TABLET
Anpassungen ab 768px
========================================================= */

/* =========================================================
28 – MEDIA QUERIES – SPEZIAL
Einzelne Breakpoints / Sonderfälle
========================================================= */