/*-------------------------------------------------------------SACCON USER CSS TEMPLATE----------------------------------------------------------*/
/*Anpassung der Typographie und des Responsive Verhaltens in JOOMLA 4.*/
h1, .h1 {color: #f70; font-size: 2em; padding-left: 1em; padding-right: 1em;}
@media screen and (max-width: 75em) {h1, .h1 {font-size: 1.9em;padding: 1em;}}
@media screen and (max-width: 50em) {h1, .h1 {font-size: 1.8em;padding: 1em;}}
@media screen and (max-width: 35em) {h1, .h1 {font-size: 1.6em;padding: 1em;}}
h2, .h2 {color: #f70; font-size: 1.8em;padding-left: 1em;padding-right: 1em;}	
@media screen and (max-width: 75em) {h2, .h2 {font-size: 1.8em;padding: 1em;}}
@media screen and (max-width: 50em) {h2, .h2 {font-size: 1.7em;padding: 1em;}}
@media screen and (max-width: 35em) {h2, .h2 {font-size: 1.5em;padding: 1em;}}
h3, .h3 {color: #2A2B42;font-size: 1.6em;padding-left: 1em;padding-right: 1em;}
@media screen and (max-width: 75em) {h3, .h3 {font-size: 1.5em;padding: 1em;}}
@media screen and (max-width: 50em) {h3, .h3 {font-size: 1.4em;padding: 1em;}}
@media screen and (max-width: 35em) {h3, .h3 {font-size: 1.2em;padding: 1em;}}
h4, .h4 {color: #f70;font-size: 1.4em;padding-left: 1em;padding-right: 1em;}
@media screen and (max-width: 75em) {h4, .h4 {font-size: 1.3em;padding: 1em;}}
@media screen and (max-width: 50em) {h4, .h4 {font-size: 1.2em;padding: 1em;}}
@media screen and (max-width: 35em) {h4, .h4 {font-size: 1.0em;padding: 1em;}}
h5, .h5 {color: #f70;font-size: 1.3em;padding-left: 1em;padding-right: 1em;}
@media screen and (max-width: 75em) {h4, .h4 {font-size: 1.2em;padding: 1em;}}
@media screen and (max-width: 50em) {h4, .h4 {font-size: 1.1em;padding: 1em;}}
@media screen and (max-width: 35em) {h4, .h4 {font-size: 0.9em;padding: 1em;}}
h6, .h6 {color: #f702;font-size: 1.2em;padding-left: 1em;padding-right: 1em;}
@media screen and (max-width: 75em) {h4, .h4 {font-size: 1.1em;padding: 1em;}}
@media screen and (max-width: 50em) {h4, .h4 {font-size: 1.0em;padding: 1em;}}
@media screen and (max-width: 35em) {h4, .h4 {font-size: 0.8em;padding: 1em;}}
p {color: #fcfcfc;font-size: 1.1em;padding-left: 1em;padding-right: 1em;}
@media screen and (max-width: 75em) {body {font-size: 1em;}}
@media screen and (max-width: 50em) {body {font-size: 0.9em;}}
@media screen and (max-width: 35em) {body {font-size: 0.7em;}}
btn, .btn {color:#fcfcfc;font-size: 1em;}
@media screen and (max-width: 75em) {h4, .h4 {font-size: 1em;}}
@media screen and (max-width: 50em) {h4, .h4 {font-size: 0.9em;}}
@media screen and (max-width: 35em) {h4, .h4 {font-size: 0.7em;}}

/* GLOBALE WEBSEITEN EINSTELLUNGEN*/
body {color: #fcfcfc;}                                                      		    /*Schriftfarbe für alle Texte auf der gesamten Webseite*/
body {background-image: url('/images/BACKGROUND/SACCON-BACKGROUND-03.jpg');}		    /*Hintergrundgrafik auf der gesamten Internetseite*/
body {background-repeat: background-repeat;}										    /*Wiederholung der Grafik*/

/* DOKUMENTIERTE HEADER EINSTELLUNGEN*/							
.container-header .navbar-brand {margin:auto;}											/*Dieser Eintrag zentriert das LOGO der Internetseite wenn vorhanden und eingestellt*/
.container-header .navbar-brand img {max-width:100px;}									/*Begrenzt die Grösse des Logos auf den angegebenen Wert*/
.container-header {background-color: #000;}
.container-header {width: 100%;}
.container-header {background-image: url('/images/HEADER/SACCON-HEADER-001.jpg');width: 100%;}
.container-header {border-bottom: 5px solid #000000db;}	/*Dieser CSS-Code setzt eine farbige Linie am unteren Rand des Header Containers*/




/* DOKUMENTIERTE SLIDER EINSTELLUNGEN*/
.site-grid > .full-width {border-bottom: 5px solid #000000db;}							/*Dieser CSS-Code setzt eine farbige Linie am unteren Rand des Slider Containers*/

/* DOKUMENTIERTE MENÜ EINSTELLUNGEN*/
.container-header .mod-menu {font-weight:bolder;}           							/*Hier wird die Schriftgröße festgelegt. Erlaubte Werte sind px oder em*/
.container-header .container-nav {padding-bottom: 0em;justify-content: space-evenly; 	/*Extrem wichtig: CSS Responsive Funktion innerhalb des Menüe zwischen Logo und Menü*/}
.metismenu.mod-menu .metismenu-item {
  font-size: 1.8em;
  
}

/* DOKUMENTIERTE FOOTER EINSTELLUNGEN*/
.footer {background-color: #000;}
.footer {background-image:  url('/images/HEADER/SACCON-HEADER-001.jpg');}
.footer {border-bottom: 5px solid #000000db;}											/*Farbige Linie am unteren Rand des Footer Containers*/
.footer {border-top: 5px solid #000000db;}												/*Farbige Linie am oberen Rand des Footer Containers*/

.mod-custom p {color: #fcfcfc;padding: 1em;}
.card {
  background-color: #2e2e2e5c; 
  margin: 10px;
  border: none;
}


.mod-custom .mod-custom119 {margin-top: 10px;}