/* Farben anpassen */
:root {
    --cassiopeia-color-primary: #FFFFFF;
    --cassiopeia-color-link: #CC0000;
    --cassiopeia-color-hover: #000000;
	--baderweb-border-color: #000000;
	
}

.h1, h1 {
    font-size: 1.5rem;
}

.h2, h2 {
    font-size: 1.5rem;
}

.h3, h3 {
    font-size: 1.5rem;
}

/* Buttons zentrieren */
.moduletable {
		display: grid;
		justify-content: center;
		align-items: center;
}

.mod-list li a:hover {
    /* text-decoration: underline;*/
    color: var(--cassiopeia-color-hover);
	}

/* Rahmen um header */
.container-header .container-nav {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 1em;
	border-bottom-color: var(--baderweb-border-color);
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-size:1.0em;
}

.container-component {
  grid-area: comp;
    grid-column-start: comp;
    grid-column-end: comp;
  font-size: 1.05em;
}

/* Schriftgrösse und Farbe des Menüs */
.container-header .mod-menu {
    color: #000000;
    list-style: none;
	font-size: 1.5em;
	color: var(--cassiopeia-color-link);
	border-bottom-style: solid;
}

/* Farben des Hamburger Button */
.container-header .navbar-toggler {
    color: #000;
    cursor: pointer;
    border: 1px solid #000;
}

/* Farben des BAck-to-top Links */
.back-to-top-link {
    /*position: fixed;*/
    position: sticky;
    top: calc(100vh - 4em);
    padding: .5em;
    color: var(--cassiopeia-color-link/*,#112855*/);
    pointer-events: all;
    background-color: var(--white /*,#fff*/);
    border: 1px solid var(--cassiopeia-color-link);
    border-radius: .25rem;
    transition: all .2s ease-in;
	width: 40px;
}



/* Hintergrundbild im Header wegnehmen */
.container-header {
    position: relative;
    z-index: 10;
    background-color: var(--cassiopeia-color-primary);
    background-image: none;
    box-shadow: inset 0 5px 5px rgba(0,0,0,.03);
} */

/* Linie oberhalb des Footers zum Abtrennen vom Inhalt, beide ==> Eintrag 2x nötig! */
.container-bottom-a, .container-bottom-b, .container-top-a, .container-top-b {
    position: relative;
    border-top-style: dotted;
    border-top-color: var(--baderweb-border-color);
    border-top-width: 1px;
    padding-top: 15px;
}

.container-bottom-a, .container-bottom-b, .container-top-a, .container-top-b {
    position: relative;
    border-top-style: dotted;
    border-top-color: var(--baderweb-border-color);
    border-top-width: 1px;
    padding-top: 15px;
}


/* Suche formatieren */
.btn-primary {
  background-color: var(--cassiopeia-color-link);;
  border-color: var(--cassiopeia-color-primary);
}



/* Anpassung an Joomla 5 */
.badge {
  display: inline-block;
  padding: .35em .65em;
  font-size: 1em;
  font-weight: 700;
  line-height: 1;
  color: unset;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
}

/* Menu vom rechten Rand einziehen */
.container-header nav {
    padding-right: 50px;
    margin-top: .5em;
}

/* Flecicontact Symbole verkleinern */
.fc_inactive {
    border-radius: 5px;
    border: 2px solid transparent;
    width: 3em;
}

.fc_active {
	border-radius:5px; 
	border:2px solid red; 
	box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.63);
	width:3em}
	

.fc_image_inner {
	text-align: center;
	}
	
.fc_image_inner img {
	display:inline;
	}
	
.fc_images .fc_error {
	margin-left:0;
	}

/* Button für com_flexicontact */

div.fc_send input.fc_button_baderweb {
	background-color:#a6a2a2;  
	border:none; 
	border-radius:3px;
    width:auto; 
	height:30px; 
	margin:2px 5px; 
	padding:0 35px; 
	text-align:center; 
    /*text-shadow:1px 1px 0 rgba(0, 0, 0, 0.33);*/ 
	font-size:16px; 
	color:white !important; 
	cursor:pointer;
	}
	
div.fc_send input.fc_button_baderweb:hover    {
	background-color:#cc0000; 
	}
	
div.fc_send input.fc_button_baderweb:disabled {
	background-color:#ececec; 
	border:none; 
	color:#ececec; 
	cursor:not-allowed;}